@dontdrinkandroot/ngx-material-extensions 0.2.2 → 0.2.4
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/_extensions.scss +89 -0
- package/_index.scss +4 -241
- package/_theme.scss +17 -0
- package/_utilities.scss +49 -0
- package/_variables.scss +42 -0
- package/esm2020/src/ddr-material-extensions.module.mjs +4 -4
- package/esm2020/src/gridlist/grid-tile-lazy-image-container.directive.mjs +3 -3
- package/esm2020/src/gridlist/grid-tile-lazy-img.directive.mjs +3 -3
- package/esm2020/src/sidenav/sidenav-container.component.mjs +3 -3
- package/esm2020/src/sidenav/sidenav-toggle.component.mjs +3 -3
- package/esm2020/src/sidenav/sidenav.service.mjs +3 -3
- package/fesm2015/dontdrinkandroot-ngx-material-extensions.mjs +19 -19
- package/fesm2020/dontdrinkandroot-ngx-material-extensions.mjs +19 -19
- package/package.json +1 -1
package/_extensions.scss
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
html, body {
|
|
2
|
+
height: 100%;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
body {
|
|
6
|
+
margin: 0;
|
|
7
|
+
font-family: Roboto, "Helvetica Neue", sans-serif;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.mat-sidenav-container {
|
|
11
|
+
|
|
12
|
+
ddr-mat-sidenav-toggle {
|
|
13
|
+
margin-right: .5rem;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&.side {
|
|
17
|
+
|
|
18
|
+
ddr-mat-sidenav-toggle {
|
|
19
|
+
display: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.mat-sidenav-content {
|
|
23
|
+
.mat-toolbar {
|
|
24
|
+
transition-duration: 400ms;
|
|
25
|
+
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
26
|
+
transition-property: left, width;
|
|
27
|
+
left: $ddr-mat-sidenav-width;
|
|
28
|
+
width: calc(100vw - #{$ddr-mat-sidenav-width});
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.mat-sidenav {
|
|
34
|
+
min-width: $ddr-mat-sidenav-width;
|
|
35
|
+
z-index: 100;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.mat-sidenav-content {
|
|
39
|
+
|
|
40
|
+
padding-top: $ddr-mat-toolbar-height;
|
|
41
|
+
min-height: calc(100vh - #{$ddr-mat-toolbar-height});
|
|
42
|
+
|
|
43
|
+
.mat-toolbar {
|
|
44
|
+
position: fixed;
|
|
45
|
+
left: 0;
|
|
46
|
+
top: 0;
|
|
47
|
+
z-index: 99;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@media (min-width: $ddr-breakpoint-sm) {
|
|
51
|
+
padding-top: $ddr-mat-toolbar-height-sm-up;
|
|
52
|
+
min-height: calc(100vh - #{$ddr-mat-toolbar-height-sm-up});
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.ddr-mat-fab-container {
|
|
58
|
+
|
|
59
|
+
height: $ddr-mat-fab-height;
|
|
60
|
+
|
|
61
|
+
.mat-fab {
|
|
62
|
+
position: fixed !important;
|
|
63
|
+
right: 0;
|
|
64
|
+
bottom: 0;
|
|
65
|
+
margin-right: 1rem !important;
|
|
66
|
+
margin-bottom: 1rem !important;
|
|
67
|
+
z-index: 2;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.mat-toolbar {
|
|
72
|
+
|
|
73
|
+
@extend .mat-elevation-z1;
|
|
74
|
+
|
|
75
|
+
h1 {
|
|
76
|
+
margin-right: auto;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.spacer {
|
|
80
|
+
flex: 1 1 auto;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.mat-card {
|
|
85
|
+
.mat-list-item-content {
|
|
86
|
+
padding-left: 0 !important;
|
|
87
|
+
padding-right: 0 !important;
|
|
88
|
+
}
|
|
89
|
+
}
|
package/_index.scss
CHANGED
|
@@ -1,241 +1,4 @@
|
|
|
1
|
-
@
|
|
2
|
-
|
|
3
|
-
@
|
|
4
|
-
|
|
5
|
-
$dark-primary-text: rgba(black, 0.87) !default; // Copied
|
|
6
|
-
$light-primary-text: white !default; // Copied
|
|
7
|
-
|
|
8
|
-
$ddr-primary-palette: (
|
|
9
|
-
50: #e2f1fd,
|
|
10
|
-
100: #b9dcfb,
|
|
11
|
-
200: #8cc7f8,
|
|
12
|
-
300: #5db1f5,
|
|
13
|
-
400: #37a0f4,
|
|
14
|
-
500: #0090f2,
|
|
15
|
-
600: #0282e4,
|
|
16
|
-
700: #0171d1,
|
|
17
|
-
800: #0060bf,
|
|
18
|
-
900: #0041a0,
|
|
19
|
-
A100: #ff80ab,
|
|
20
|
-
A200: #ff4081,
|
|
21
|
-
A400: #f50057,
|
|
22
|
-
A700: #c51162,
|
|
23
|
-
contrast: (
|
|
24
|
-
50: $dark-primary-text,
|
|
25
|
-
100: $dark-primary-text,
|
|
26
|
-
200: $dark-primary-text,
|
|
27
|
-
300: $dark-primary-text,
|
|
28
|
-
400: $dark-primary-text,
|
|
29
|
-
500: $light-primary-text,
|
|
30
|
-
600: $light-primary-text,
|
|
31
|
-
700: $light-primary-text,
|
|
32
|
-
800: $light-primary-text,
|
|
33
|
-
900: $light-primary-text,
|
|
34
|
-
A100: $dark-primary-text,
|
|
35
|
-
A200: $light-primary-text,
|
|
36
|
-
A400: $light-primary-text,
|
|
37
|
-
A700: $light-primary-text,
|
|
38
|
-
)
|
|
39
|
-
);
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
$ddr-complementary-palette: (
|
|
43
|
-
50: #f9f3e1,
|
|
44
|
-
100: #f1e0b5,
|
|
45
|
-
200: #e8cc84,
|
|
46
|
-
300: #e1b854,
|
|
47
|
-
400: #dca933,
|
|
48
|
-
500: #d89b1b,
|
|
49
|
-
600: #d59014,
|
|
50
|
-
700: #cf820d,
|
|
51
|
-
800: #c97506,
|
|
52
|
-
900: #bf6000,
|
|
53
|
-
A100: #ff80ab,
|
|
54
|
-
A200: #ff4081,
|
|
55
|
-
A400: #f50057,
|
|
56
|
-
A700: #c51162,
|
|
57
|
-
contrast: (
|
|
58
|
-
50: $dark-primary-text,
|
|
59
|
-
100: $dark-primary-text,
|
|
60
|
-
200: $dark-primary-text,
|
|
61
|
-
300: $dark-primary-text,
|
|
62
|
-
400: $dark-primary-text,
|
|
63
|
-
500: $light-primary-text,
|
|
64
|
-
600: $light-primary-text,
|
|
65
|
-
700: $light-primary-text,
|
|
66
|
-
800: $light-primary-text,
|
|
67
|
-
900: $light-primary-text,
|
|
68
|
-
A100: $dark-primary-text,
|
|
69
|
-
A200: $light-primary-text,
|
|
70
|
-
A400: $light-primary-text,
|
|
71
|
-
A700: $light-primary-text,
|
|
72
|
-
)
|
|
73
|
-
);
|
|
74
|
-
|
|
75
|
-
$ddr-mat-primary: mat.define-palette($ddr-primary-palette, 800, 700, 900) !default;
|
|
76
|
-
$ddr-mat-accent: mat.define-palette($ddr-complementary-palette) !default;
|
|
77
|
-
$ddr-mat-warn: mat.define-palette(mat.$red-palette) !default;
|
|
78
|
-
|
|
79
|
-
$ddr-mat-light-theme: mat.define-light-theme($ddr-mat-primary, $ddr-mat-accent, $ddr-mat-warn) !default;
|
|
80
|
-
$ddr-mat-dark-theme: mat.define-dark-theme($ddr-mat-primary, $ddr-mat-accent, $ddr-mat-warn) !default;
|
|
81
|
-
|
|
82
|
-
@include mat.all-component-themes($ddr-mat-light-theme);
|
|
83
|
-
|
|
84
|
-
@media (prefers-color-scheme: dark) {
|
|
85
|
-
@include mat.all-component-themes($ddr-mat-dark-theme);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
//
|
|
89
|
-
// Theme vars
|
|
90
|
-
//
|
|
91
|
-
$ddr-mat-fab-height: 88px !default;
|
|
92
|
-
$ddr-mat-sidenav-width: 300px !default;
|
|
93
|
-
$ddr-mat-toolbar-height: 56px !default;
|
|
94
|
-
$ddr-mat-toolbar-height-sm-up: 64px !default;
|
|
95
|
-
// Breakpoints
|
|
96
|
-
$ddr-breakpoint-sm: 600px;
|
|
97
|
-
$ddr-breakpoint-md: 960px;
|
|
98
|
-
$ddr-breakpoint-lg: 1280px;
|
|
99
|
-
$ddr-breakpoint-xl: 1920px;
|
|
100
|
-
|
|
101
|
-
html, body {
|
|
102
|
-
height: 100%;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
body {
|
|
106
|
-
margin: 0;
|
|
107
|
-
font-family: Roboto, "Helvetica Neue", sans-serif;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
//
|
|
111
|
-
// Utilities
|
|
112
|
-
//
|
|
113
|
-
|
|
114
|
-
.d-flex {
|
|
115
|
-
display: flex !important;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.flex-row {
|
|
119
|
-
flex-direction: row !important;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.flex-column {
|
|
123
|
-
flex-direction: column !important;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.d-grid {
|
|
127
|
-
display: grid !important;
|
|
128
|
-
grid-gap: 1rem;
|
|
129
|
-
|
|
130
|
-
&.equal-columns {
|
|
131
|
-
grid-auto-columns: minmax(0, 1fr);
|
|
132
|
-
grid-auto-flow: column;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.p-3 {
|
|
137
|
-
padding: 1rem;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.mb-0 {
|
|
141
|
-
margin-bottom: 0;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.mb-3 {
|
|
145
|
-
margin-bottom: 1rem;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.me-2 {
|
|
149
|
-
margin-right: .5rem;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.me-3 {
|
|
153
|
-
margin-right: 1rem;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.text-center {
|
|
157
|
-
text-align: center;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
//
|
|
161
|
-
// Extensions
|
|
162
|
-
//
|
|
163
|
-
|
|
164
|
-
.mat-raised-button {
|
|
165
|
-
text-transform: uppercase;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.mat-sidenav-container {
|
|
169
|
-
|
|
170
|
-
ddr-mat-sidenav-toggle {
|
|
171
|
-
margin-right: .5rem;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
&.side {
|
|
175
|
-
ddr-mat-sidenav-toggle {
|
|
176
|
-
display: none;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.mat-sidenav-content {
|
|
180
|
-
.mat-toolbar {
|
|
181
|
-
transition-duration: 400ms;
|
|
182
|
-
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
183
|
-
transition-property: left, width;
|
|
184
|
-
left: $ddr-mat-sidenav-width;
|
|
185
|
-
width: calc(100vw - #{$ddr-mat-sidenav-width});
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
.mat-sidenav {
|
|
191
|
-
min-width: $ddr-mat-sidenav-width;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.mat-sidenav-content {
|
|
195
|
-
|
|
196
|
-
padding-top: $ddr-mat-toolbar-height;
|
|
197
|
-
min-height: calc(100vh - #{$ddr-mat-toolbar-height});
|
|
198
|
-
|
|
199
|
-
.mat-toolbar {
|
|
200
|
-
position: fixed;
|
|
201
|
-
left: 0;
|
|
202
|
-
top: 0;
|
|
203
|
-
z-index: 1;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
@media (min-width: $ddr-breakpoint-sm) {
|
|
207
|
-
padding-top: $ddr-mat-toolbar-height-sm-up;
|
|
208
|
-
min-height: calc(100vh - #{$ddr-mat-toolbar-height-sm-up});
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
.ddr-mat-fab-container {
|
|
214
|
-
|
|
215
|
-
height: $ddr-mat-fab-height;
|
|
216
|
-
|
|
217
|
-
.mat-fab {
|
|
218
|
-
position: fixed !important;
|
|
219
|
-
right: 0;
|
|
220
|
-
bottom: 0;
|
|
221
|
-
margin-right: 1rem !important;
|
|
222
|
-
margin-bottom: 1rem !important;
|
|
223
|
-
z-index: 2;
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
.mat-toolbar {
|
|
228
|
-
|
|
229
|
-
@extend .mat-elevation-z1;
|
|
230
|
-
|
|
231
|
-
.spacer {
|
|
232
|
-
flex: 1 1 auto;
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
.mat-card {
|
|
237
|
-
.mat-list-item-content {
|
|
238
|
-
padding-left: 0 !important;
|
|
239
|
-
padding-right: 0 !important;
|
|
240
|
-
}
|
|
241
|
-
}
|
|
1
|
+
@import "variables";
|
|
2
|
+
@import "theme";
|
|
3
|
+
@import "utilities";
|
|
4
|
+
@import "extensions";
|
package/_theme.scss
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@use '@angular/material' as mat;
|
|
2
|
+
|
|
3
|
+
@include mat.core();
|
|
4
|
+
|
|
5
|
+
$ddr-mat-primary-light: mat.define-palette(mat.$blue-palette, 700, 600, 800) !default;
|
|
6
|
+
$ddr-mat-primary-dark: mat.define-palette(mat.$blue-palette, 600, 500, 700) !default;
|
|
7
|
+
$ddr-mat-accent: mat.define-palette(mat.$pink-palette) !default;
|
|
8
|
+
$ddr-mat-warn: mat.define-palette(mat.$red-palette) !default;
|
|
9
|
+
|
|
10
|
+
$ddr-mat-light-theme: mat.define-light-theme($ddr-mat-primary-light, $ddr-mat-accent, $ddr-mat-warn) !default;
|
|
11
|
+
$ddr-mat-dark-theme: mat.define-dark-theme($ddr-mat-primary-dark, $ddr-mat-accent, $ddr-mat-warn) !default;
|
|
12
|
+
|
|
13
|
+
@include mat.all-component-themes($ddr-mat-light-theme);
|
|
14
|
+
|
|
15
|
+
@media (prefers-color-scheme: dark) {
|
|
16
|
+
@include mat.all-component-themes($ddr-mat-dark-theme);
|
|
17
|
+
}
|
package/_utilities.scss
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
.d-flex {
|
|
2
|
+
display: flex !important;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.flex-row {
|
|
6
|
+
flex-direction: row !important;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.flex-column {
|
|
10
|
+
flex-direction: column !important;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.d-grid {
|
|
14
|
+
display: grid !important;
|
|
15
|
+
grid-gap: 1rem;
|
|
16
|
+
|
|
17
|
+
&.equal-columns {
|
|
18
|
+
grid-auto-columns: minmax(0, 1fr);
|
|
19
|
+
grid-auto-flow: column;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@each $prefix, $property in $ddr-paddings {
|
|
24
|
+
@each $suffix, $size in $ddr-spacers {
|
|
25
|
+
.#{$prefix}-#{$suffix} {
|
|
26
|
+
#{$property}: #{$size} !important;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@each $prefix, $property in $ddr-margins {
|
|
32
|
+
@each $suffix, $size in $ddr-spacers {
|
|
33
|
+
.#{$prefix}-#{$suffix} {
|
|
34
|
+
#{$property}: #{$size} !important;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.me-auto {
|
|
40
|
+
margin-right: auto !important;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.ms-auto {
|
|
44
|
+
margin-left: auto !important;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.text-center {
|
|
48
|
+
text-align: center !important;
|
|
49
|
+
}
|
package/_variables.scss
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
$ddr-spacer: 1rem !default;
|
|
2
|
+
$ddr-spacers: (
|
|
3
|
+
0: 0,
|
|
4
|
+
1: $ddr-spacer * .25,
|
|
5
|
+
2: $ddr-spacer * .5,
|
|
6
|
+
3: $ddr-spacer,
|
|
7
|
+
4: $ddr-spacer * 1.5,
|
|
8
|
+
5: $ddr-spacer * 3,
|
|
9
|
+
) !default;
|
|
10
|
+
|
|
11
|
+
$ddr-paddings: (
|
|
12
|
+
'p': 'padding',
|
|
13
|
+
'ps': 'padding-left',
|
|
14
|
+
'pe': 'padding-right',
|
|
15
|
+
'pt': 'padding-top',
|
|
16
|
+
'pb': 'padding-bottom'
|
|
17
|
+
) !default;
|
|
18
|
+
|
|
19
|
+
$ddr-margins: (
|
|
20
|
+
'm': 'margin',
|
|
21
|
+
'ms': 'margin-left',
|
|
22
|
+
'me': 'margin-right',
|
|
23
|
+
'mt': 'margin-top',
|
|
24
|
+
'mb': 'margin-bottom'
|
|
25
|
+
) !default;
|
|
26
|
+
|
|
27
|
+
$ddr-mat-fab-height: 88px !default;
|
|
28
|
+
$ddr-mat-sidenav-width: 300px !default;
|
|
29
|
+
$ddr-mat-toolbar-height: 56px !default;
|
|
30
|
+
$ddr-mat-toolbar-height-sm-up: 64px !default;
|
|
31
|
+
|
|
32
|
+
$ddr-breakpoint-sm: 600px;
|
|
33
|
+
$ddr-breakpoint-md: 960px;
|
|
34
|
+
$ddr-breakpoint-lg: 1280px;
|
|
35
|
+
$ddr-breakpoint-xl: 1920px;
|
|
36
|
+
$ddr-breakpoints: (
|
|
37
|
+
xs: 0,
|
|
38
|
+
sm: $ddr-breakpoint-sm,
|
|
39
|
+
md: $ddr-breakpoint-md,
|
|
40
|
+
lg: $ddr-breakpoint-lg,
|
|
41
|
+
xl: $ddr-breakpoint-xl
|
|
42
|
+
) !default;
|
|
@@ -10,8 +10,8 @@ import { CommonModule } from '@angular/common';
|
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export class DdrMaterialExtensionsModule {
|
|
12
12
|
}
|
|
13
|
-
DdrMaterialExtensionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
14
|
-
DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.
|
|
13
|
+
DdrMaterialExtensionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
+
DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, declarations: [SidenavToggleComponent,
|
|
15
15
|
GridTileLazyImageContainerDirective,
|
|
16
16
|
GridTileLazyImgDirective,
|
|
17
17
|
SidenavContainerComponent], imports: [CommonModule,
|
|
@@ -21,11 +21,11 @@ DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0
|
|
|
21
21
|
GridTileLazyImageContainerDirective,
|
|
22
22
|
GridTileLazyImgDirective,
|
|
23
23
|
SidenavContainerComponent] });
|
|
24
|
-
DdrMaterialExtensionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.
|
|
24
|
+
DdrMaterialExtensionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, imports: [CommonModule,
|
|
25
25
|
MatSidenavModule,
|
|
26
26
|
MatIconModule,
|
|
27
27
|
MatButtonModule] });
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, decorators: [{
|
|
29
29
|
type: NgModule,
|
|
30
30
|
args: [{
|
|
31
31
|
declarations: [
|
|
@@ -31,15 +31,15 @@ export class GridTileLazyImageContainerDirective {
|
|
|
31
31
|
this.changeSubscription.unsubscribe();
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
GridTileLazyImageContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
35
|
-
GridTileLazyImageContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.
|
|
34
|
+
GridTileLazyImageContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImageContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
GridTileLazyImageContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: GridTileLazyImageContainerDirective, selector: "[ddrGridTileLazyImgContainer]", host: { listeners: { "window:resize": "windowResized($event)", "window:scroll": "windowScroll($event)" } }, queries: [{ propertyName: "lazyImages", predicate: GridTileLazyImgDirective, descendants: true }], ngImport: i0 });
|
|
36
36
|
__decorate([
|
|
37
37
|
Debounce()
|
|
38
38
|
], GridTileLazyImageContainerDirective.prototype, "windowResized", null);
|
|
39
39
|
__decorate([
|
|
40
40
|
Limit()
|
|
41
41
|
], GridTileLazyImageContainerDirective.prototype, "windowScroll", null);
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImageContainerDirective, decorators: [{
|
|
43
43
|
type: Directive,
|
|
44
44
|
args: [{ selector: '[ddrGridTileLazyImgContainer]' }]
|
|
45
45
|
}], propDecorators: { lazyImages: [{
|
|
@@ -84,9 +84,9 @@ export class GridTileLazyImgDirective {
|
|
|
84
84
|
return window.getComputedStyle(nativeElement).display === 'none';
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
|
-
GridTileLazyImgDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
88
|
-
GridTileLazyImgDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
87
|
+
GridTileLazyImgDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImgDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
88
|
+
GridTileLazyImgDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: GridTileLazyImgDirective, selector: "[ddrGridTileLazyImg]", inputs: { src: ["ddrGridTileLazyImg", "src"], offset: "offset", objectFit: "objectFit" }, host: { properties: { "src": "this.hostSrc", "style.object-fit": "this.hostStyleObjectFit", "style.width.px": "this.hostStyleWidthPx", "style.height.px": "this.hostStyleHeightPx", "style.opacity": "this.hostStyleOpacity" } }, usesOnChanges: true, ngImport: i0 });
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImgDirective, decorators: [{
|
|
90
90
|
type: Directive,
|
|
91
91
|
args: [{ selector: '[ddrGridTileLazyImg]' }]
|
|
92
92
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { src: [{
|
|
@@ -25,9 +25,9 @@ export class SidenavContainerComponent {
|
|
|
25
25
|
this.sidenavService.setSidenav(this.sidenav);
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
SidenavContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
29
|
-
SidenavContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
28
|
+
SidenavContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavContainerComponent, deps: [{ token: i1.SidenavService }, { token: i2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
SidenavContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.5", type: SidenavContainerComponent, selector: "ddr-mat-sidenav-container", inputs: { stayOpenOnLargeScreen: "stayOpenOnLargeScreen" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-sidenav-container [ngClass]=\"(mode$|async)\">\n <mat-sidenav\n #sidenav\n fixedInViewport=\"true\"\n [mode]=\"(mode$|async) ?? 'over'\"\n [opened]=\"(opened$|async)\">\n <ng-content select=\"[slot=mat-sidenav]\"></ng-content>\n </mat-sidenav>\n <mat-sidenav-content>\n <ng-content select=\"[slot=mat-sidenav-content]\"></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavContainerComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'ddr-mat-sidenav-container', template: "<mat-sidenav-container [ngClass]=\"(mode$|async)\">\n <mat-sidenav\n #sidenav\n fixedInViewport=\"true\"\n [mode]=\"(mode$|async) ?? 'over'\"\n [opened]=\"(opened$|async)\">\n <ng-content select=\"[slot=mat-sidenav]\"></ng-content>\n </mat-sidenav>\n <mat-sidenav-content>\n <ng-content select=\"[slot=mat-sidenav-content]\"></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n" }]
|
|
33
33
|
}], ctorParameters: function () { return [{ type: i1.SidenavService }, { type: i2.BreakpointObserver }]; }, propDecorators: { sidenav: [{
|
|
@@ -11,12 +11,12 @@ export class SidenavToggleComponent {
|
|
|
11
11
|
this.sidenavService.toggle();
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
|
-
SidenavToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
15
|
-
SidenavToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
14
|
+
SidenavToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavToggleComponent, deps: [{ token: i1.SidenavService }], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
SidenavToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.5", type: SidenavToggleComponent, selector: "ddr-mat-sidenav-toggle", ngImport: i0, template: `
|
|
16
16
|
<button mat-icon-button (click)="toggleSidenav()">
|
|
17
17
|
<mat-icon>menu</mat-icon>
|
|
18
18
|
</button>`, isInline: true, dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavToggleComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{
|
|
22
22
|
selector: 'ddr-mat-sidenav-toggle',
|
|
@@ -54,9 +54,9 @@ export class SidenavService {
|
|
|
54
54
|
return this.opened$;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
-
SidenavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
58
|
-
SidenavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
57
|
+
SidenavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, deps: [{ token: i1.BreakpointObserver }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
58
|
+
SidenavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, providedIn: 'root' });
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, decorators: [{
|
|
60
60
|
type: Injectable,
|
|
61
61
|
args: [{
|
|
62
62
|
providedIn: 'root'
|
|
@@ -65,9 +65,9 @@ class SidenavService {
|
|
|
65
65
|
return this.opened$;
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
SidenavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
69
|
-
SidenavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
68
|
+
SidenavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, deps: [{ token: i1.BreakpointObserver }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
69
|
+
SidenavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, providedIn: 'root' });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, decorators: [{
|
|
71
71
|
type: Injectable,
|
|
72
72
|
args: [{
|
|
73
73
|
providedIn: 'root'
|
|
@@ -95,9 +95,9 @@ class SidenavContainerComponent {
|
|
|
95
95
|
this.sidenavService.setSidenav(this.sidenav);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
SidenavContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
99
|
-
SidenavContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
98
|
+
SidenavContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavContainerComponent, deps: [{ token: SidenavService }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
+
SidenavContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.5", type: SidenavContainerComponent, selector: "ddr-mat-sidenav-container", inputs: { stayOpenOnLargeScreen: "stayOpenOnLargeScreen" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-sidenav-container [ngClass]=\"(mode$|async)\">\n <mat-sidenav\n #sidenav\n fixedInViewport=\"true\"\n [mode]=\"(mode$|async) ?? 'over'\"\n [opened]=\"(opened$|async)\">\n <ng-content select=\"[slot=mat-sidenav]\"></ng-content>\n </mat-sidenav>\n <mat-sidenav-content>\n <ng-content select=\"[slot=mat-sidenav-content]\"></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] });
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavContainerComponent, decorators: [{
|
|
101
101
|
type: Component,
|
|
102
102
|
args: [{ selector: 'ddr-mat-sidenav-container', template: "<mat-sidenav-container [ngClass]=\"(mode$|async)\">\n <mat-sidenav\n #sidenav\n fixedInViewport=\"true\"\n [mode]=\"(mode$|async) ?? 'over'\"\n [opened]=\"(opened$|async)\">\n <ng-content select=\"[slot=mat-sidenav]\"></ng-content>\n </mat-sidenav>\n <mat-sidenav-content>\n <ng-content select=\"[slot=mat-sidenav-content]\"></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n" }]
|
|
103
103
|
}], ctorParameters: function () { return [{ type: SidenavService }, { type: i1.BreakpointObserver }]; }, propDecorators: { sidenav: [{
|
|
@@ -115,12 +115,12 @@ class SidenavToggleComponent {
|
|
|
115
115
|
this.sidenavService.toggle();
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
|
-
SidenavToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
119
|
-
SidenavToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
118
|
+
SidenavToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavToggleComponent, deps: [{ token: SidenavService }], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
SidenavToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.5", type: SidenavToggleComponent, selector: "ddr-mat-sidenav-toggle", ngImport: i0, template: `
|
|
120
120
|
<button mat-icon-button (click)="toggleSidenav()">
|
|
121
121
|
<mat-icon>menu</mat-icon>
|
|
122
122
|
</button>`, isInline: true, dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavToggleComponent, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
125
|
args: [{
|
|
126
126
|
selector: 'ddr-mat-sidenav-toggle',
|
|
@@ -214,9 +214,9 @@ class GridTileLazyImgDirective {
|
|
|
214
214
|
return window.getComputedStyle(nativeElement).display === 'none';
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
|
-
GridTileLazyImgDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
218
|
-
GridTileLazyImgDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.
|
|
219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
217
|
+
GridTileLazyImgDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImgDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
218
|
+
GridTileLazyImgDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: GridTileLazyImgDirective, selector: "[ddrGridTileLazyImg]", inputs: { src: ["ddrGridTileLazyImg", "src"], offset: "offset", objectFit: "objectFit" }, host: { properties: { "src": "this.hostSrc", "style.object-fit": "this.hostStyleObjectFit", "style.width.px": "this.hostStyleWidthPx", "style.height.px": "this.hostStyleHeightPx", "style.opacity": "this.hostStyleOpacity" } }, usesOnChanges: true, ngImport: i0 });
|
|
219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImgDirective, decorators: [{
|
|
220
220
|
type: Directive,
|
|
221
221
|
args: [{ selector: '[ddrGridTileLazyImg]' }]
|
|
222
222
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { src: [{
|
|
@@ -271,15 +271,15 @@ class GridTileLazyImageContainerDirective {
|
|
|
271
271
|
this.changeSubscription.unsubscribe();
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
|
-
GridTileLazyImageContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
275
|
-
GridTileLazyImageContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.
|
|
274
|
+
GridTileLazyImageContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImageContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
275
|
+
GridTileLazyImageContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: GridTileLazyImageContainerDirective, selector: "[ddrGridTileLazyImgContainer]", host: { listeners: { "window:resize": "windowResized($event)", "window:scroll": "windowScroll($event)" } }, queries: [{ propertyName: "lazyImages", predicate: GridTileLazyImgDirective, descendants: true }], ngImport: i0 });
|
|
276
276
|
__decorate([
|
|
277
277
|
Debounce()
|
|
278
278
|
], GridTileLazyImageContainerDirective.prototype, "windowResized", null);
|
|
279
279
|
__decorate([
|
|
280
280
|
Limit()
|
|
281
281
|
], GridTileLazyImageContainerDirective.prototype, "windowScroll", null);
|
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImageContainerDirective, decorators: [{
|
|
283
283
|
type: Directive,
|
|
284
284
|
args: [{ selector: '[ddrGridTileLazyImgContainer]' }]
|
|
285
285
|
}], propDecorators: { lazyImages: [{
|
|
@@ -295,8 +295,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
|
|
|
295
295
|
|
|
296
296
|
class DdrMaterialExtensionsModule {
|
|
297
297
|
}
|
|
298
|
-
DdrMaterialExtensionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
299
|
-
DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.
|
|
298
|
+
DdrMaterialExtensionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
299
|
+
DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, declarations: [SidenavToggleComponent,
|
|
300
300
|
GridTileLazyImageContainerDirective,
|
|
301
301
|
GridTileLazyImgDirective,
|
|
302
302
|
SidenavContainerComponent], imports: [CommonModule,
|
|
@@ -306,11 +306,11 @@ DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0
|
|
|
306
306
|
GridTileLazyImageContainerDirective,
|
|
307
307
|
GridTileLazyImgDirective,
|
|
308
308
|
SidenavContainerComponent] });
|
|
309
|
-
DdrMaterialExtensionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.
|
|
309
|
+
DdrMaterialExtensionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, imports: [CommonModule,
|
|
310
310
|
MatSidenavModule,
|
|
311
311
|
MatIconModule,
|
|
312
312
|
MatButtonModule] });
|
|
313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, decorators: [{
|
|
314
314
|
type: NgModule,
|
|
315
315
|
args: [{
|
|
316
316
|
declarations: [
|
|
@@ -65,9 +65,9 @@ class SidenavService {
|
|
|
65
65
|
return this.opened$;
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
SidenavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
69
|
-
SidenavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
68
|
+
SidenavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, deps: [{ token: i1.BreakpointObserver }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
69
|
+
SidenavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, providedIn: 'root' });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavService, decorators: [{
|
|
71
71
|
type: Injectable,
|
|
72
72
|
args: [{
|
|
73
73
|
providedIn: 'root'
|
|
@@ -95,9 +95,9 @@ class SidenavContainerComponent {
|
|
|
95
95
|
this.sidenavService.setSidenav(this.sidenav);
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
SidenavContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
99
|
-
SidenavContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
98
|
+
SidenavContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavContainerComponent, deps: [{ token: SidenavService }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
+
SidenavContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.5", type: SidenavContainerComponent, selector: "ddr-mat-sidenav-container", inputs: { stayOpenOnLargeScreen: "stayOpenOnLargeScreen" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-sidenav-container [ngClass]=\"(mode$|async)\">\n <mat-sidenav\n #sidenav\n fixedInViewport=\"true\"\n [mode]=\"(mode$|async) ?? 'over'\"\n [opened]=\"(opened$|async)\">\n <ng-content select=\"[slot=mat-sidenav]\"></ng-content>\n </mat-sidenav>\n <mat-sidenav-content>\n <ng-content select=\"[slot=mat-sidenav-content]\"></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i4.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i4.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] });
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavContainerComponent, decorators: [{
|
|
101
101
|
type: Component,
|
|
102
102
|
args: [{ selector: 'ddr-mat-sidenav-container', template: "<mat-sidenav-container [ngClass]=\"(mode$|async)\">\n <mat-sidenav\n #sidenav\n fixedInViewport=\"true\"\n [mode]=\"(mode$|async) ?? 'over'\"\n [opened]=\"(opened$|async)\">\n <ng-content select=\"[slot=mat-sidenav]\"></ng-content>\n </mat-sidenav>\n <mat-sidenav-content>\n <ng-content select=\"[slot=mat-sidenav-content]\"></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n" }]
|
|
103
103
|
}], ctorParameters: function () { return [{ type: SidenavService }, { type: i1.BreakpointObserver }]; }, propDecorators: { sidenav: [{
|
|
@@ -115,12 +115,12 @@ class SidenavToggleComponent {
|
|
|
115
115
|
this.sidenavService.toggle();
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
|
-
SidenavToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
119
|
-
SidenavToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
118
|
+
SidenavToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavToggleComponent, deps: [{ token: SidenavService }], target: i0.ɵɵFactoryTarget.Component });
|
|
119
|
+
SidenavToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.5", type: SidenavToggleComponent, selector: "ddr-mat-sidenav-toggle", ngImport: i0, template: `
|
|
120
120
|
<button mat-icon-button (click)="toggleSidenav()">
|
|
121
121
|
<mat-icon>menu</mat-icon>
|
|
122
122
|
</button>`, isInline: true, dependencies: [{ kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: SidenavToggleComponent, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
125
|
args: [{
|
|
126
126
|
selector: 'ddr-mat-sidenav-toggle',
|
|
@@ -214,9 +214,9 @@ class GridTileLazyImgDirective {
|
|
|
214
214
|
return window.getComputedStyle(nativeElement).display === 'none';
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
|
-
GridTileLazyImgDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
218
|
-
GridTileLazyImgDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.
|
|
219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
217
|
+
GridTileLazyImgDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImgDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
218
|
+
GridTileLazyImgDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: GridTileLazyImgDirective, selector: "[ddrGridTileLazyImg]", inputs: { src: ["ddrGridTileLazyImg", "src"], offset: "offset", objectFit: "objectFit" }, host: { properties: { "src": "this.hostSrc", "style.object-fit": "this.hostStyleObjectFit", "style.width.px": "this.hostStyleWidthPx", "style.height.px": "this.hostStyleHeightPx", "style.opacity": "this.hostStyleOpacity" } }, usesOnChanges: true, ngImport: i0 });
|
|
219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImgDirective, decorators: [{
|
|
220
220
|
type: Directive,
|
|
221
221
|
args: [{ selector: '[ddrGridTileLazyImg]' }]
|
|
222
222
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { src: [{
|
|
@@ -271,15 +271,15 @@ class GridTileLazyImageContainerDirective {
|
|
|
271
271
|
this.changeSubscription.unsubscribe();
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
|
-
GridTileLazyImageContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
275
|
-
GridTileLazyImageContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.
|
|
274
|
+
GridTileLazyImageContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImageContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
275
|
+
GridTileLazyImageContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.5", type: GridTileLazyImageContainerDirective, selector: "[ddrGridTileLazyImgContainer]", host: { listeners: { "window:resize": "windowResized($event)", "window:scroll": "windowScroll($event)" } }, queries: [{ propertyName: "lazyImages", predicate: GridTileLazyImgDirective, descendants: true }], ngImport: i0 });
|
|
276
276
|
__decorate([
|
|
277
277
|
Debounce()
|
|
278
278
|
], GridTileLazyImageContainerDirective.prototype, "windowResized", null);
|
|
279
279
|
__decorate([
|
|
280
280
|
Limit()
|
|
281
281
|
], GridTileLazyImageContainerDirective.prototype, "windowScroll", null);
|
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: GridTileLazyImageContainerDirective, decorators: [{
|
|
283
283
|
type: Directive,
|
|
284
284
|
args: [{ selector: '[ddrGridTileLazyImgContainer]' }]
|
|
285
285
|
}], propDecorators: { lazyImages: [{
|
|
@@ -295,8 +295,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
|
|
|
295
295
|
|
|
296
296
|
class DdrMaterialExtensionsModule {
|
|
297
297
|
}
|
|
298
|
-
DdrMaterialExtensionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
299
|
-
DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.
|
|
298
|
+
DdrMaterialExtensionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
299
|
+
DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, declarations: [SidenavToggleComponent,
|
|
300
300
|
GridTileLazyImageContainerDirective,
|
|
301
301
|
GridTileLazyImgDirective,
|
|
302
302
|
SidenavContainerComponent], imports: [CommonModule,
|
|
@@ -306,11 +306,11 @@ DdrMaterialExtensionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0
|
|
|
306
306
|
GridTileLazyImageContainerDirective,
|
|
307
307
|
GridTileLazyImgDirective,
|
|
308
308
|
SidenavContainerComponent] });
|
|
309
|
-
DdrMaterialExtensionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.
|
|
309
|
+
DdrMaterialExtensionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, imports: [CommonModule,
|
|
310
310
|
MatSidenavModule,
|
|
311
311
|
MatIconModule,
|
|
312
312
|
MatButtonModule] });
|
|
313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.5", ngImport: i0, type: DdrMaterialExtensionsModule, decorators: [{
|
|
314
314
|
type: NgModule,
|
|
315
315
|
args: [{
|
|
316
316
|
declarations: [
|