1 | import * as i0 from '@angular/core';
|
2 | import { Injectable, Directive, Input, NgModule } from '@angular/core';
|
3 | import * as i1 from '@angular/flex-layout/core';
|
4 | import { StyleBuilder, BaseDirective2, CoreModule } from '@angular/flex-layout/core';
|
5 | import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 | const ROW_DEFAULT = 'stretch';
|
15 | const COL_DEFAULT = 'stretch';
|
16 | class GridAlignStyleBuilder extends StyleBuilder {
|
17 | buildStyles(input) {
|
18 | return buildCss$2(input || ROW_DEFAULT);
|
19 | }
|
20 | }
|
21 | GridAlignStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
22 | GridAlignStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignStyleBuilder, providedIn: 'root' });
|
23 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignStyleBuilder, decorators: [{
|
24 | type: Injectable,
|
25 | args: [{ providedIn: 'root' }]
|
26 | }] });
|
27 | class GridAlignDirective extends BaseDirective2 {
|
28 | constructor(elementRef, styleBuilder, styler, marshal) {
|
29 | super(elementRef, styleBuilder, styler, marshal);
|
30 | this.DIRECTIVE_KEY = 'grid-align';
|
31 | this.styleCache = alignCache;
|
32 | this.init();
|
33 | }
|
34 | }
|
35 | GridAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignDirective, deps: [{ token: i0.ElementRef }, { token: GridAlignStyleBuilder }, { token: i1.StyleUtils }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
36 | GridAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridAlignDirective, usesInheritance: true, ngImport: i0 });
|
37 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignDirective, decorators: [{
|
38 | type: Directive
|
39 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: GridAlignStyleBuilder }, { type: i1.StyleUtils }, { type: i1.MediaMarshaller }]; } });
|
40 | const alignCache = new Map();
|
41 | const inputs$a = [
|
42 | 'gdGridAlign',
|
43 | 'gdGridAlign.xs', 'gdGridAlign.sm', 'gdGridAlign.md', 'gdGridAlign.lg', 'gdGridAlign.xl',
|
44 | 'gdGridAlign.lt-sm', 'gdGridAlign.lt-md', 'gdGridAlign.lt-lg', 'gdGridAlign.lt-xl',
|
45 | 'gdGridAlign.gt-xs', 'gdGridAlign.gt-sm', 'gdGridAlign.gt-md', 'gdGridAlign.gt-lg'
|
46 | ];
|
47 | const selector$a = `
|
48 | [gdGridAlign],
|
49 | [gdGridAlign.xs], [gdGridAlign.sm], [gdGridAlign.md], [gdGridAlign.lg],[gdGridAlign.xl],
|
50 | [gdGridAlign.lt-sm], [gdGridAlign.lt-md], [gdGridAlign.lt-lg], [gdGridAlign.lt-xl],
|
51 | [gdGridAlign.gt-xs], [gdGridAlign.gt-sm], [gdGridAlign.gt-md], [gdGridAlign.gt-lg]
|
52 | `;
|
53 |
|
54 |
|
55 |
|
56 |
|
57 |
|
58 |
|
59 |
|
60 |
|
61 | class DefaultGridAlignDirective extends GridAlignDirective {
|
62 | constructor() {
|
63 | super(...arguments);
|
64 | this.inputs = inputs$a;
|
65 | }
|
66 | }
|
67 | DefaultGridAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAlignDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
68 | DefaultGridAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridAlignDirective, selector: "\n [gdGridAlign],\n [gdGridAlign.xs], [gdGridAlign.sm], [gdGridAlign.md], [gdGridAlign.lg],[gdGridAlign.xl],\n [gdGridAlign.lt-sm], [gdGridAlign.lt-md], [gdGridAlign.lt-lg], [gdGridAlign.lt-xl],\n [gdGridAlign.gt-xs], [gdGridAlign.gt-sm], [gdGridAlign.gt-md], [gdGridAlign.gt-lg]\n", inputs: { gdGridAlign: "gdGridAlign", "gdGridAlign.xs": "gdGridAlign.xs", "gdGridAlign.sm": "gdGridAlign.sm", "gdGridAlign.md": "gdGridAlign.md", "gdGridAlign.lg": "gdGridAlign.lg", "gdGridAlign.xl": "gdGridAlign.xl", "gdGridAlign.lt-sm": "gdGridAlign.lt-sm", "gdGridAlign.lt-md": "gdGridAlign.lt-md", "gdGridAlign.lt-lg": "gdGridAlign.lt-lg", "gdGridAlign.lt-xl": "gdGridAlign.lt-xl", "gdGridAlign.gt-xs": "gdGridAlign.gt-xs", "gdGridAlign.gt-sm": "gdGridAlign.gt-sm", "gdGridAlign.gt-md": "gdGridAlign.gt-md", "gdGridAlign.gt-lg": "gdGridAlign.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
69 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAlignDirective, decorators: [{
|
70 | type: Directive,
|
71 | args: [{ selector: selector$a, inputs: inputs$a }]
|
72 | }] });
|
73 | function buildCss$2(align = '') {
|
74 | const css = {}, [rowAxis, columnAxis] = align.split(' ');
|
75 |
|
76 | switch (rowAxis) {
|
77 | case 'end':
|
78 | css['justify-self'] = 'end';
|
79 | break;
|
80 | case 'center':
|
81 | css['justify-self'] = 'center';
|
82 | break;
|
83 | case 'stretch':
|
84 | css['justify-self'] = 'stretch';
|
85 | break;
|
86 | case 'start':
|
87 | css['justify-self'] = 'start';
|
88 | break;
|
89 | default:
|
90 | css['justify-self'] = ROW_DEFAULT;
|
91 | break;
|
92 | }
|
93 |
|
94 | switch (columnAxis) {
|
95 | case 'end':
|
96 | css['align-self'] = 'end';
|
97 | break;
|
98 | case 'center':
|
99 | css['align-self'] = 'center';
|
100 | break;
|
101 | case 'stretch':
|
102 | css['align-self'] = 'stretch';
|
103 | break;
|
104 | case 'start':
|
105 | css['align-self'] = 'start';
|
106 | break;
|
107 | default:
|
108 | css['align-self'] = COL_DEFAULT;
|
109 | break;
|
110 | }
|
111 | return css;
|
112 | }
|
113 |
|
114 |
|
115 |
|
116 |
|
117 |
|
118 |
|
119 |
|
120 |
|
121 | const DEFAULT_MAIN$1 = 'start';
|
122 | const DEFAULT_CROSS$1 = 'stretch';
|
123 | class GridAlignColumnsStyleBuilder extends StyleBuilder {
|
124 | buildStyles(input, parent) {
|
125 | return buildCss$1(input || `${DEFAULT_MAIN$1} ${DEFAULT_CROSS$1}`, parent.inline);
|
126 | }
|
127 | }
|
128 | GridAlignColumnsStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignColumnsStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
129 | GridAlignColumnsStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignColumnsStyleBuilder, providedIn: 'root' });
|
130 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignColumnsStyleBuilder, decorators: [{
|
131 | type: Injectable,
|
132 | args: [{ providedIn: 'root' }]
|
133 | }] });
|
134 | class GridAlignColumnsDirective extends BaseDirective2 {
|
135 | constructor(elementRef, styleBuilder, styler, marshal) {
|
136 | super(elementRef, styleBuilder, styler, marshal);
|
137 | this.DIRECTIVE_KEY = 'grid-align-columns';
|
138 | this._inline = false;
|
139 | this.init();
|
140 | }
|
141 | get inline() { return this._inline; }
|
142 | set inline(val) { this._inline = coerceBooleanProperty(val); }
|
143 |
|
144 |
|
145 |
|
146 | updateWithValue(value) {
|
147 | this.styleCache = this.inline ? alignColumnsInlineCache : alignColumnsCache;
|
148 | this.addStyles(value, { inline: this.inline });
|
149 | }
|
150 | }
|
151 | GridAlignColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignColumnsDirective, deps: [{ token: i0.ElementRef }, { token: GridAlignColumnsStyleBuilder }, { token: i1.StyleUtils }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
152 | GridAlignColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridAlignColumnsDirective, inputs: { inline: ["gdInline", "inline"] }, usesInheritance: true, ngImport: i0 });
|
153 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignColumnsDirective, decorators: [{
|
154 | type: Directive
|
155 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: GridAlignColumnsStyleBuilder }, { type: i1.StyleUtils }, { type: i1.MediaMarshaller }]; }, propDecorators: { inline: [{
|
156 | type: Input,
|
157 | args: ['gdInline']
|
158 | }] } });
|
159 | const alignColumnsCache = new Map();
|
160 | const alignColumnsInlineCache = new Map();
|
161 | const inputs$9 = [
|
162 | 'gdAlignColumns',
|
163 | 'gdAlignColumns.xs', 'gdAlignColumns.sm', 'gdAlignColumns.md',
|
164 | 'gdAlignColumns.lg', 'gdAlignColumns.xl', 'gdAlignColumns.lt-sm',
|
165 | 'gdAlignColumns.lt-md', 'gdAlignColumns.lt-lg', 'gdAlignColumns.lt-xl',
|
166 | 'gdAlignColumns.gt-xs', 'gdAlignColumns.gt-sm', 'gdAlignColumns.gt-md',
|
167 | 'gdAlignColumns.gt-lg'
|
168 | ];
|
169 | const selector$9 = `
|
170 | [gdAlignColumns],
|
171 | [gdAlignColumns.xs], [gdAlignColumns.sm], [gdAlignColumns.md],
|
172 | [gdAlignColumns.lg], [gdAlignColumns.xl], [gdAlignColumns.lt-sm],
|
173 | [gdAlignColumns.lt-md], [gdAlignColumns.lt-lg], [gdAlignColumns.lt-xl],
|
174 | [gdAlignColumns.gt-xs], [gdAlignColumns.gt-sm], [gdAlignColumns.gt-md],
|
175 | [gdAlignColumns.gt-lg]
|
176 | `;
|
177 |
|
178 |
|
179 |
|
180 |
|
181 |
|
182 |
|
183 | class DefaultGridAlignColumnsDirective extends GridAlignColumnsDirective {
|
184 | constructor() {
|
185 | super(...arguments);
|
186 | this.inputs = inputs$9;
|
187 | }
|
188 | }
|
189 | DefaultGridAlignColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAlignColumnsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
190 | DefaultGridAlignColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridAlignColumnsDirective, selector: "\n [gdAlignColumns],\n [gdAlignColumns.xs], [gdAlignColumns.sm], [gdAlignColumns.md],\n [gdAlignColumns.lg], [gdAlignColumns.xl], [gdAlignColumns.lt-sm],\n [gdAlignColumns.lt-md], [gdAlignColumns.lt-lg], [gdAlignColumns.lt-xl],\n [gdAlignColumns.gt-xs], [gdAlignColumns.gt-sm], [gdAlignColumns.gt-md],\n [gdAlignColumns.gt-lg]\n", inputs: { gdAlignColumns: "gdAlignColumns", "gdAlignColumns.xs": "gdAlignColumns.xs", "gdAlignColumns.sm": "gdAlignColumns.sm", "gdAlignColumns.md": "gdAlignColumns.md", "gdAlignColumns.lg": "gdAlignColumns.lg", "gdAlignColumns.xl": "gdAlignColumns.xl", "gdAlignColumns.lt-sm": "gdAlignColumns.lt-sm", "gdAlignColumns.lt-md": "gdAlignColumns.lt-md", "gdAlignColumns.lt-lg": "gdAlignColumns.lt-lg", "gdAlignColumns.lt-xl": "gdAlignColumns.lt-xl", "gdAlignColumns.gt-xs": "gdAlignColumns.gt-xs", "gdAlignColumns.gt-sm": "gdAlignColumns.gt-sm", "gdAlignColumns.gt-md": "gdAlignColumns.gt-md", "gdAlignColumns.gt-lg": "gdAlignColumns.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
191 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAlignColumnsDirective, decorators: [{
|
192 | type: Directive,
|
193 | args: [{ selector: selector$9, inputs: inputs$9 }]
|
194 | }] });
|
195 | function buildCss$1(align, inline) {
|
196 | const css = {}, [mainAxis, crossAxis] = align.split(' ');
|
197 |
|
198 | switch (mainAxis) {
|
199 | case 'center':
|
200 | css['align-content'] = 'center';
|
201 | break;
|
202 | case 'space-around':
|
203 | css['align-content'] = 'space-around';
|
204 | break;
|
205 | case 'space-between':
|
206 | css['align-content'] = 'space-between';
|
207 | break;
|
208 | case 'space-evenly':
|
209 | css['align-content'] = 'space-evenly';
|
210 | break;
|
211 | case 'end':
|
212 | css['align-content'] = 'end';
|
213 | break;
|
214 | case 'start':
|
215 | css['align-content'] = 'start';
|
216 | break;
|
217 | case 'stretch':
|
218 | css['align-content'] = 'stretch';
|
219 | break;
|
220 | default:
|
221 | css['align-content'] = DEFAULT_MAIN$1;
|
222 | break;
|
223 | }
|
224 |
|
225 | switch (crossAxis) {
|
226 | case 'start':
|
227 | css['align-items'] = 'start';
|
228 | break;
|
229 | case 'center':
|
230 | css['align-items'] = 'center';
|
231 | break;
|
232 | case 'end':
|
233 | css['align-items'] = 'end';
|
234 | break;
|
235 | case 'stretch':
|
236 | css['align-items'] = 'stretch';
|
237 | break;
|
238 | default:
|
239 | css['align-items'] = DEFAULT_CROSS$1;
|
240 | break;
|
241 | }
|
242 | css['display'] = inline ? 'inline-grid' : 'grid';
|
243 | return css;
|
244 | }
|
245 |
|
246 |
|
247 |
|
248 |
|
249 |
|
250 |
|
251 |
|
252 |
|
253 | const DEFAULT_MAIN = 'start';
|
254 | const DEFAULT_CROSS = 'stretch';
|
255 | class GridAlignRowsStyleBuilder extends StyleBuilder {
|
256 | buildStyles(input, parent) {
|
257 | return buildCss(input || `${DEFAULT_MAIN} ${DEFAULT_CROSS}`, parent.inline);
|
258 | }
|
259 | }
|
260 | GridAlignRowsStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignRowsStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
261 | GridAlignRowsStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignRowsStyleBuilder, providedIn: 'root' });
|
262 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignRowsStyleBuilder, decorators: [{
|
263 | type: Injectable,
|
264 | args: [{ providedIn: 'root' }]
|
265 | }] });
|
266 | class GridAlignRowsDirective extends BaseDirective2 {
|
267 | constructor(elementRef, styleBuilder, styler, marshal) {
|
268 | super(elementRef, styleBuilder, styler, marshal);
|
269 | this.DIRECTIVE_KEY = 'grid-align-rows';
|
270 | this._inline = false;
|
271 | this.init();
|
272 | }
|
273 | get inline() { return this._inline; }
|
274 | set inline(val) { this._inline = coerceBooleanProperty(val); }
|
275 |
|
276 |
|
277 |
|
278 | updateWithValue(value) {
|
279 | this.styleCache = this.inline ? alignRowsInlineCache : alignRowsCache;
|
280 | this.addStyles(value, { inline: this.inline });
|
281 | }
|
282 | }
|
283 | GridAlignRowsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignRowsDirective, deps: [{ token: i0.ElementRef }, { token: GridAlignRowsStyleBuilder }, { token: i1.StyleUtils }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
284 | GridAlignRowsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridAlignRowsDirective, inputs: { inline: ["gdInline", "inline"] }, usesInheritance: true, ngImport: i0 });
|
285 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAlignRowsDirective, decorators: [{
|
286 | type: Directive
|
287 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: GridAlignRowsStyleBuilder }, { type: i1.StyleUtils }, { type: i1.MediaMarshaller }]; }, propDecorators: { inline: [{
|
288 | type: Input,
|
289 | args: ['gdInline']
|
290 | }] } });
|
291 | const alignRowsCache = new Map();
|
292 | const alignRowsInlineCache = new Map();
|
293 | const inputs$8 = [
|
294 | 'gdAlignRows',
|
295 | 'gdAlignRows.xs', 'gdAlignRows.sm', 'gdAlignRows.md',
|
296 | 'gdAlignRows.lg', 'gdAlignRows.xl', 'gdAlignRows.lt-sm',
|
297 | 'gdAlignRows.lt-md', 'gdAlignRows.lt-lg', 'gdAlignRows.lt-xl',
|
298 | 'gdAlignRows.gt-xs', 'gdAlignRows.gt-sm', 'gdAlignRows.gt-md',
|
299 | 'gdAlignRows.gt-lg'
|
300 | ];
|
301 | const selector$8 = `
|
302 | [gdAlignRows],
|
303 | [gdAlignRows.xs], [gdAlignRows.sm], [gdAlignRows.md],
|
304 | [gdAlignRows.lg], [gdAlignRows.xl], [gdAlignRows.lt-sm],
|
305 | [gdAlignRows.lt-md], [gdAlignRows.lt-lg], [gdAlignRows.lt-xl],
|
306 | [gdAlignRows.gt-xs], [gdAlignRows.gt-sm], [gdAlignRows.gt-md],
|
307 | [gdAlignRows.gt-lg]
|
308 | `;
|
309 |
|
310 |
|
311 |
|
312 |
|
313 |
|
314 |
|
315 | class DefaultGridAlignRowsDirective extends GridAlignRowsDirective {
|
316 | constructor() {
|
317 | super(...arguments);
|
318 | this.inputs = inputs$8;
|
319 | }
|
320 | }
|
321 | DefaultGridAlignRowsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAlignRowsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
322 | DefaultGridAlignRowsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridAlignRowsDirective, selector: "\n [gdAlignRows],\n [gdAlignRows.xs], [gdAlignRows.sm], [gdAlignRows.md],\n [gdAlignRows.lg], [gdAlignRows.xl], [gdAlignRows.lt-sm],\n [gdAlignRows.lt-md], [gdAlignRows.lt-lg], [gdAlignRows.lt-xl],\n [gdAlignRows.gt-xs], [gdAlignRows.gt-sm], [gdAlignRows.gt-md],\n [gdAlignRows.gt-lg]\n", inputs: { gdAlignRows: "gdAlignRows", "gdAlignRows.xs": "gdAlignRows.xs", "gdAlignRows.sm": "gdAlignRows.sm", "gdAlignRows.md": "gdAlignRows.md", "gdAlignRows.lg": "gdAlignRows.lg", "gdAlignRows.xl": "gdAlignRows.xl", "gdAlignRows.lt-sm": "gdAlignRows.lt-sm", "gdAlignRows.lt-md": "gdAlignRows.lt-md", "gdAlignRows.lt-lg": "gdAlignRows.lt-lg", "gdAlignRows.lt-xl": "gdAlignRows.lt-xl", "gdAlignRows.gt-xs": "gdAlignRows.gt-xs", "gdAlignRows.gt-sm": "gdAlignRows.gt-sm", "gdAlignRows.gt-md": "gdAlignRows.gt-md", "gdAlignRows.gt-lg": "gdAlignRows.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
323 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAlignRowsDirective, decorators: [{
|
324 | type: Directive,
|
325 | args: [{ selector: selector$8, inputs: inputs$8 }]
|
326 | }] });
|
327 | function buildCss(align, inline) {
|
328 | const css = {}, [mainAxis, crossAxis] = align.split(' ');
|
329 |
|
330 | switch (mainAxis) {
|
331 | case 'center':
|
332 | case 'space-around':
|
333 | case 'space-between':
|
334 | case 'space-evenly':
|
335 | case 'end':
|
336 | case 'start':
|
337 | case 'stretch':
|
338 | css['justify-content'] = mainAxis;
|
339 | break;
|
340 | default:
|
341 | css['justify-content'] = DEFAULT_MAIN;
|
342 | break;
|
343 | }
|
344 |
|
345 | switch (crossAxis) {
|
346 | case 'start':
|
347 | case 'center':
|
348 | case 'end':
|
349 | case 'stretch':
|
350 | css['justify-items'] = crossAxis;
|
351 | break;
|
352 | default:
|
353 | css['justify-items'] = DEFAULT_CROSS;
|
354 | break;
|
355 | }
|
356 | css['display'] = inline ? 'inline-grid' : 'grid';
|
357 | return css;
|
358 | }
|
359 |
|
360 |
|
361 |
|
362 |
|
363 |
|
364 |
|
365 |
|
366 |
|
367 | const DEFAULT_VALUE$7 = 'auto';
|
368 | class GridAreaStyleBuilder extends StyleBuilder {
|
369 | buildStyles(input) {
|
370 | return { 'grid-area': input || DEFAULT_VALUE$7 };
|
371 | }
|
372 | }
|
373 | GridAreaStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreaStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
374 | GridAreaStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreaStyleBuilder, providedIn: 'root' });
|
375 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreaStyleBuilder, decorators: [{
|
376 | type: Injectable,
|
377 | args: [{ providedIn: 'root' }]
|
378 | }] });
|
379 | class GridAreaDirective extends BaseDirective2 {
|
380 | constructor(elRef, styleUtils, styleBuilder, marshal) {
|
381 | super(elRef, styleBuilder, styleUtils, marshal);
|
382 | this.DIRECTIVE_KEY = 'grid-area';
|
383 | this.styleCache = gridAreaCache;
|
384 | this.init();
|
385 | }
|
386 | }
|
387 | GridAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreaDirective, deps: [{ token: i0.ElementRef }, { token: i1.StyleUtils }, { token: GridAreaStyleBuilder }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
388 | GridAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridAreaDirective, usesInheritance: true, ngImport: i0 });
|
389 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreaDirective, decorators: [{
|
390 | type: Directive
|
391 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.StyleUtils }, { type: GridAreaStyleBuilder }, { type: i1.MediaMarshaller }]; } });
|
392 | const gridAreaCache = new Map();
|
393 | const inputs$7 = [
|
394 | 'gdArea',
|
395 | 'gdArea.xs', 'gdArea.sm', 'gdArea.md', 'gdArea.lg', 'gdArea.xl',
|
396 | 'gdArea.lt-sm', 'gdArea.lt-md', 'gdArea.lt-lg', 'gdArea.lt-xl',
|
397 | 'gdArea.gt-xs', 'gdArea.gt-sm', 'gdArea.gt-md', 'gdArea.gt-lg'
|
398 | ];
|
399 | const selector$7 = `
|
400 | [gdArea],
|
401 | [gdArea.xs], [gdArea.sm], [gdArea.md], [gdArea.lg], [gdArea.xl],
|
402 | [gdArea.lt-sm], [gdArea.lt-md], [gdArea.lt-lg], [gdArea.lt-xl],
|
403 | [gdArea.gt-xs], [gdArea.gt-sm], [gdArea.gt-md], [gdArea.gt-lg]
|
404 | `;
|
405 |
|
406 |
|
407 |
|
408 |
|
409 |
|
410 | class DefaultGridAreaDirective extends GridAreaDirective {
|
411 | constructor() {
|
412 | super(...arguments);
|
413 | this.inputs = inputs$7;
|
414 | }
|
415 | }
|
416 | DefaultGridAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAreaDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
417 | DefaultGridAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridAreaDirective, selector: "\n [gdArea],\n [gdArea.xs], [gdArea.sm], [gdArea.md], [gdArea.lg], [gdArea.xl],\n [gdArea.lt-sm], [gdArea.lt-md], [gdArea.lt-lg], [gdArea.lt-xl],\n [gdArea.gt-xs], [gdArea.gt-sm], [gdArea.gt-md], [gdArea.gt-lg]\n", inputs: { gdArea: "gdArea", "gdArea.xs": "gdArea.xs", "gdArea.sm": "gdArea.sm", "gdArea.md": "gdArea.md", "gdArea.lg": "gdArea.lg", "gdArea.xl": "gdArea.xl", "gdArea.lt-sm": "gdArea.lt-sm", "gdArea.lt-md": "gdArea.lt-md", "gdArea.lt-lg": "gdArea.lt-lg", "gdArea.lt-xl": "gdArea.lt-xl", "gdArea.gt-xs": "gdArea.gt-xs", "gdArea.gt-sm": "gdArea.gt-sm", "gdArea.gt-md": "gdArea.gt-md", "gdArea.gt-lg": "gdArea.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
418 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAreaDirective, decorators: [{
|
419 | type: Directive,
|
420 | args: [{ selector: selector$7, inputs: inputs$7 }]
|
421 | }] });
|
422 |
|
423 |
|
424 |
|
425 |
|
426 |
|
427 |
|
428 |
|
429 |
|
430 | const DEFAULT_VALUE$6 = 'none';
|
431 | const DELIMETER = '|';
|
432 | class GridAreasStyleBuiler extends StyleBuilder {
|
433 | buildStyles(input, parent) {
|
434 | const areas = (input || DEFAULT_VALUE$6).split(DELIMETER).map(v => `"${v.trim()}"`);
|
435 | return {
|
436 | 'display': parent.inline ? 'inline-grid' : 'grid',
|
437 | 'grid-template-areas': areas.join(' ')
|
438 | };
|
439 | }
|
440 | }
|
441 | GridAreasStyleBuiler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreasStyleBuiler, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
442 | GridAreasStyleBuiler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreasStyleBuiler, providedIn: 'root' });
|
443 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreasStyleBuiler, decorators: [{
|
444 | type: Injectable,
|
445 | args: [{ providedIn: 'root' }]
|
446 | }] });
|
447 | class GridAreasDirective extends BaseDirective2 {
|
448 | constructor(elRef, styleUtils, styleBuilder, marshal) {
|
449 | super(elRef, styleBuilder, styleUtils, marshal);
|
450 | this.DIRECTIVE_KEY = 'grid-areas';
|
451 | this._inline = false;
|
452 | this.init();
|
453 | }
|
454 | get inline() { return this._inline; }
|
455 | set inline(val) { this._inline = coerceBooleanProperty(val); }
|
456 |
|
457 |
|
458 |
|
459 | updateWithValue(value) {
|
460 | this.styleCache = this.inline ? areasInlineCache : areasCache;
|
461 | this.addStyles(value, { inline: this.inline });
|
462 | }
|
463 | }
|
464 | GridAreasDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreasDirective, deps: [{ token: i0.ElementRef }, { token: i1.StyleUtils }, { token: GridAreasStyleBuiler }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
465 | GridAreasDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridAreasDirective, inputs: { inline: ["gdInline", "inline"] }, usesInheritance: true, ngImport: i0 });
|
466 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAreasDirective, decorators: [{
|
467 | type: Directive
|
468 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.StyleUtils }, { type: GridAreasStyleBuiler }, { type: i1.MediaMarshaller }]; }, propDecorators: { inline: [{
|
469 | type: Input,
|
470 | args: ['gdInline']
|
471 | }] } });
|
472 | const areasCache = new Map();
|
473 | const areasInlineCache = new Map();
|
474 | const inputs$6 = [
|
475 | 'gdAreas',
|
476 | 'gdAreas.xs', 'gdAreas.sm', 'gdAreas.md', 'gdAreas.lg', 'gdAreas.xl',
|
477 | 'gdAreas.lt-sm', 'gdAreas.lt-md', 'gdAreas.lt-lg', 'gdAreas.lt-xl',
|
478 | 'gdAreas.gt-xs', 'gdAreas.gt-sm', 'gdAreas.gt-md', 'gdAreas.gt-lg'
|
479 | ];
|
480 | const selector$6 = `
|
481 | [gdAreas],
|
482 | [gdAreas.xs], [gdAreas.sm], [gdAreas.md], [gdAreas.lg], [gdAreas.xl],
|
483 | [gdAreas.lt-sm], [gdAreas.lt-md], [gdAreas.lt-lg], [gdAreas.lt-xl],
|
484 | [gdAreas.gt-xs], [gdAreas.gt-sm], [gdAreas.gt-md], [gdAreas.gt-lg]
|
485 | `;
|
486 |
|
487 |
|
488 |
|
489 |
|
490 |
|
491 | class DefaultGridAreasDirective extends GridAreasDirective {
|
492 | constructor() {
|
493 | super(...arguments);
|
494 | this.inputs = inputs$6;
|
495 | }
|
496 | }
|
497 | DefaultGridAreasDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAreasDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
498 | DefaultGridAreasDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridAreasDirective, selector: "\n [gdAreas],\n [gdAreas.xs], [gdAreas.sm], [gdAreas.md], [gdAreas.lg], [gdAreas.xl],\n [gdAreas.lt-sm], [gdAreas.lt-md], [gdAreas.lt-lg], [gdAreas.lt-xl],\n [gdAreas.gt-xs], [gdAreas.gt-sm], [gdAreas.gt-md], [gdAreas.gt-lg]\n", inputs: { gdAreas: "gdAreas", "gdAreas.xs": "gdAreas.xs", "gdAreas.sm": "gdAreas.sm", "gdAreas.md": "gdAreas.md", "gdAreas.lg": "gdAreas.lg", "gdAreas.xl": "gdAreas.xl", "gdAreas.lt-sm": "gdAreas.lt-sm", "gdAreas.lt-md": "gdAreas.lt-md", "gdAreas.lt-lg": "gdAreas.lt-lg", "gdAreas.lt-xl": "gdAreas.lt-xl", "gdAreas.gt-xs": "gdAreas.gt-xs", "gdAreas.gt-sm": "gdAreas.gt-sm", "gdAreas.gt-md": "gdAreas.gt-md", "gdAreas.gt-lg": "gdAreas.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
499 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAreasDirective, decorators: [{
|
500 | type: Directive,
|
501 | args: [{ selector: selector$6, inputs: inputs$6 }]
|
502 | }] });
|
503 |
|
504 |
|
505 |
|
506 |
|
507 |
|
508 |
|
509 |
|
510 |
|
511 | const DEFAULT_VALUE$5 = 'initial';
|
512 | class GridAutoStyleBuilder extends StyleBuilder {
|
513 | buildStyles(input, parent) {
|
514 | let [direction, dense] = (input || DEFAULT_VALUE$5).split(' ');
|
515 | if (direction !== 'column' && direction !== 'row' && direction !== 'dense') {
|
516 | direction = 'row';
|
517 | }
|
518 | dense = (dense === 'dense' && direction !== 'dense') ? ' dense' : '';
|
519 | return {
|
520 | 'display': parent.inline ? 'inline-grid' : 'grid',
|
521 | 'grid-auto-flow': direction + dense
|
522 | };
|
523 | }
|
524 | }
|
525 | GridAutoStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAutoStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
526 | GridAutoStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAutoStyleBuilder, providedIn: 'root' });
|
527 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAutoStyleBuilder, decorators: [{
|
528 | type: Injectable,
|
529 | args: [{ providedIn: 'root' }]
|
530 | }] });
|
531 | class GridAutoDirective extends BaseDirective2 {
|
532 | constructor(elementRef, styleBuilder, styler, marshal) {
|
533 | super(elementRef, styleBuilder, styler, marshal);
|
534 | this._inline = false;
|
535 | this.DIRECTIVE_KEY = 'grid-auto';
|
536 | this.init();
|
537 | }
|
538 | get inline() { return this._inline; }
|
539 | set inline(val) { this._inline = coerceBooleanProperty(val); }
|
540 |
|
541 |
|
542 |
|
543 | updateWithValue(value) {
|
544 | this.styleCache = this.inline ? autoInlineCache : autoCache;
|
545 | this.addStyles(value, { inline: this.inline });
|
546 | }
|
547 | }
|
548 | GridAutoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAutoDirective, deps: [{ token: i0.ElementRef }, { token: GridAutoStyleBuilder }, { token: i1.StyleUtils }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
549 | GridAutoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridAutoDirective, inputs: { inline: ["gdInline", "inline"] }, usesInheritance: true, ngImport: i0 });
|
550 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridAutoDirective, decorators: [{
|
551 | type: Directive
|
552 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: GridAutoStyleBuilder }, { type: i1.StyleUtils }, { type: i1.MediaMarshaller }]; }, propDecorators: { inline: [{
|
553 | type: Input,
|
554 | args: ['gdInline']
|
555 | }] } });
|
556 | const autoCache = new Map();
|
557 | const autoInlineCache = new Map();
|
558 | const inputs$5 = [
|
559 | 'gdAuto',
|
560 | 'gdAuto.xs', 'gdAuto.sm', 'gdAuto.md', 'gdAuto.lg', 'gdAuto.xl',
|
561 | 'gdAuto.lt-sm', 'gdAuto.lt-md', 'gdAuto.lt-lg', 'gdAuto.lt-xl',
|
562 | 'gdAuto.gt-xs', 'gdAuto.gt-sm', 'gdAuto.gt-md', 'gdAuto.gt-lg'
|
563 | ];
|
564 | const selector$5 = `
|
565 | [gdAuto],
|
566 | [gdAuto.xs], [gdAuto.sm], [gdAuto.md], [gdAuto.lg], [gdAuto.xl],
|
567 | [gdAuto.lt-sm], [gdAuto.lt-md], [gdAuto.lt-lg], [gdAuto.lt-xl],
|
568 | [gdAuto.gt-xs], [gdAuto.gt-sm], [gdAuto.gt-md], [gdAuto.gt-lg]
|
569 | `;
|
570 |
|
571 |
|
572 |
|
573 |
|
574 |
|
575 | class DefaultGridAutoDirective extends GridAutoDirective {
|
576 | constructor() {
|
577 | super(...arguments);
|
578 | this.inputs = inputs$5;
|
579 | }
|
580 | }
|
581 | DefaultGridAutoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAutoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
582 | DefaultGridAutoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridAutoDirective, selector: "\n [gdAuto],\n [gdAuto.xs], [gdAuto.sm], [gdAuto.md], [gdAuto.lg], [gdAuto.xl],\n [gdAuto.lt-sm], [gdAuto.lt-md], [gdAuto.lt-lg], [gdAuto.lt-xl],\n [gdAuto.gt-xs], [gdAuto.gt-sm], [gdAuto.gt-md], [gdAuto.gt-lg]\n", inputs: { gdAuto: "gdAuto", "gdAuto.xs": "gdAuto.xs", "gdAuto.sm": "gdAuto.sm", "gdAuto.md": "gdAuto.md", "gdAuto.lg": "gdAuto.lg", "gdAuto.xl": "gdAuto.xl", "gdAuto.lt-sm": "gdAuto.lt-sm", "gdAuto.lt-md": "gdAuto.lt-md", "gdAuto.lt-lg": "gdAuto.lt-lg", "gdAuto.lt-xl": "gdAuto.lt-xl", "gdAuto.gt-xs": "gdAuto.gt-xs", "gdAuto.gt-sm": "gdAuto.gt-sm", "gdAuto.gt-md": "gdAuto.gt-md", "gdAuto.gt-lg": "gdAuto.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
583 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridAutoDirective, decorators: [{
|
584 | type: Directive,
|
585 | args: [{ selector: selector$5, inputs: inputs$5 }]
|
586 | }] });
|
587 |
|
588 |
|
589 |
|
590 |
|
591 |
|
592 |
|
593 |
|
594 |
|
595 | const DEFAULT_VALUE$4 = 'auto';
|
596 | class GridColumnStyleBuilder extends StyleBuilder {
|
597 | buildStyles(input) {
|
598 | return { 'grid-column': input || DEFAULT_VALUE$4 };
|
599 | }
|
600 | }
|
601 | GridColumnStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
602 | GridColumnStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnStyleBuilder, providedIn: 'root' });
|
603 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnStyleBuilder, decorators: [{
|
604 | type: Injectable,
|
605 | args: [{ providedIn: 'root' }]
|
606 | }] });
|
607 | class GridColumnDirective extends BaseDirective2 {
|
608 | constructor(elementRef, styleBuilder, styler, marshal) {
|
609 | super(elementRef, styleBuilder, styler, marshal);
|
610 | this.DIRECTIVE_KEY = 'grid-column';
|
611 | this.styleCache = columnCache;
|
612 | this.init();
|
613 | }
|
614 | }
|
615 | GridColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnDirective, deps: [{ token: i0.ElementRef }, { token: GridColumnStyleBuilder }, { token: i1.StyleUtils }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
616 | GridColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridColumnDirective, usesInheritance: true, ngImport: i0 });
|
617 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnDirective, decorators: [{
|
618 | type: Directive
|
619 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: GridColumnStyleBuilder }, { type: i1.StyleUtils }, { type: i1.MediaMarshaller }]; } });
|
620 | const columnCache = new Map();
|
621 | const inputs$4 = [
|
622 | 'gdColumn',
|
623 | 'gdColumn.xs', 'gdColumn.sm', 'gdColumn.md', 'gdColumn.lg', 'gdColumn.xl',
|
624 | 'gdColumn.lt-sm', 'gdColumn.lt-md', 'gdColumn.lt-lg', 'gdColumn.lt-xl',
|
625 | 'gdColumn.gt-xs', 'gdColumn.gt-sm', 'gdColumn.gt-md', 'gdColumn.gt-lg'
|
626 | ];
|
627 | const selector$4 = `
|
628 | [gdColumn],
|
629 | [gdColumn.xs], [gdColumn.sm], [gdColumn.md], [gdColumn.lg], [gdColumn.xl],
|
630 | [gdColumn.lt-sm], [gdColumn.lt-md], [gdColumn.lt-lg], [gdColumn.lt-xl],
|
631 | [gdColumn.gt-xs], [gdColumn.gt-sm], [gdColumn.gt-md], [gdColumn.gt-lg]
|
632 | `;
|
633 |
|
634 |
|
635 |
|
636 |
|
637 |
|
638 | class DefaultGridColumnDirective extends GridColumnDirective {
|
639 | constructor() {
|
640 | super(...arguments);
|
641 | this.inputs = inputs$4;
|
642 | }
|
643 | }
|
644 | DefaultGridColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
645 | DefaultGridColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridColumnDirective, selector: "\n [gdColumn],\n [gdColumn.xs], [gdColumn.sm], [gdColumn.md], [gdColumn.lg], [gdColumn.xl],\n [gdColumn.lt-sm], [gdColumn.lt-md], [gdColumn.lt-lg], [gdColumn.lt-xl],\n [gdColumn.gt-xs], [gdColumn.gt-sm], [gdColumn.gt-md], [gdColumn.gt-lg]\n", inputs: { gdColumn: "gdColumn", "gdColumn.xs": "gdColumn.xs", "gdColumn.sm": "gdColumn.sm", "gdColumn.md": "gdColumn.md", "gdColumn.lg": "gdColumn.lg", "gdColumn.xl": "gdColumn.xl", "gdColumn.lt-sm": "gdColumn.lt-sm", "gdColumn.lt-md": "gdColumn.lt-md", "gdColumn.lt-lg": "gdColumn.lt-lg", "gdColumn.lt-xl": "gdColumn.lt-xl", "gdColumn.gt-xs": "gdColumn.gt-xs", "gdColumn.gt-sm": "gdColumn.gt-sm", "gdColumn.gt-md": "gdColumn.gt-md", "gdColumn.gt-lg": "gdColumn.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
646 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridColumnDirective, decorators: [{
|
647 | type: Directive,
|
648 | args: [{ selector: selector$4, inputs: inputs$4 }]
|
649 | }] });
|
650 |
|
651 |
|
652 |
|
653 |
|
654 |
|
655 |
|
656 |
|
657 |
|
658 | const DEFAULT_VALUE$3 = 'none';
|
659 | const AUTO_SPECIFIER$1 = '!';
|
660 | class GridColumnsStyleBuilder extends StyleBuilder {
|
661 | buildStyles(input, parent) {
|
662 | input = input || DEFAULT_VALUE$3;
|
663 | let auto = false;
|
664 | if (input.endsWith(AUTO_SPECIFIER$1)) {
|
665 | input = input.substring(0, input.indexOf(AUTO_SPECIFIER$1));
|
666 | auto = true;
|
667 | }
|
668 | const css = {
|
669 | 'display': parent.inline ? 'inline-grid' : 'grid',
|
670 | 'grid-auto-columns': '',
|
671 | 'grid-template-columns': '',
|
672 | };
|
673 | const key = (auto ? 'grid-auto-columns' : 'grid-template-columns');
|
674 | css[key] = input;
|
675 | return css;
|
676 | }
|
677 | }
|
678 | GridColumnsStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnsStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
679 | GridColumnsStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnsStyleBuilder, providedIn: 'root' });
|
680 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnsStyleBuilder, decorators: [{
|
681 | type: Injectable,
|
682 | args: [{ providedIn: 'root' }]
|
683 | }] });
|
684 | class GridColumnsDirective extends BaseDirective2 {
|
685 | constructor(elementRef, styleBuilder, styler, marshal) {
|
686 | super(elementRef, styleBuilder, styler, marshal);
|
687 | this.DIRECTIVE_KEY = 'grid-columns';
|
688 | this._inline = false;
|
689 | this.init();
|
690 | }
|
691 | get inline() { return this._inline; }
|
692 | set inline(val) { this._inline = coerceBooleanProperty(val); }
|
693 |
|
694 |
|
695 |
|
696 | updateWithValue(value) {
|
697 | this.styleCache = this.inline ? columnsInlineCache : columnsCache;
|
698 | this.addStyles(value, { inline: this.inline });
|
699 | }
|
700 | }
|
701 | GridColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnsDirective, deps: [{ token: i0.ElementRef }, { token: GridColumnsStyleBuilder }, { token: i1.StyleUtils }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
702 | GridColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridColumnsDirective, inputs: { inline: ["gdInline", "inline"] }, usesInheritance: true, ngImport: i0 });
|
703 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridColumnsDirective, decorators: [{
|
704 | type: Directive
|
705 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: GridColumnsStyleBuilder }, { type: i1.StyleUtils }, { type: i1.MediaMarshaller }]; }, propDecorators: { inline: [{
|
706 | type: Input,
|
707 | args: ['gdInline']
|
708 | }] } });
|
709 | const columnsCache = new Map();
|
710 | const columnsInlineCache = new Map();
|
711 | const inputs$3 = [
|
712 | 'gdColumns',
|
713 | 'gdColumns.xs', 'gdColumns.sm', 'gdColumns.md', 'gdColumns.lg', 'gdColumns.xl',
|
714 | 'gdColumns.lt-sm', 'gdColumns.lt-md', 'gdColumns.lt-lg', 'gdColumns.lt-xl',
|
715 | 'gdColumns.gt-xs', 'gdColumns.gt-sm', 'gdColumns.gt-md', 'gdColumns.gt-lg'
|
716 | ];
|
717 | const selector$3 = `
|
718 | [gdColumns],
|
719 | [gdColumns.xs], [gdColumns.sm], [gdColumns.md], [gdColumns.lg], [gdColumns.xl],
|
720 | [gdColumns.lt-sm], [gdColumns.lt-md], [gdColumns.lt-lg], [gdColumns.lt-xl],
|
721 | [gdColumns.gt-xs], [gdColumns.gt-sm], [gdColumns.gt-md], [gdColumns.gt-lg]
|
722 | `;
|
723 |
|
724 |
|
725 |
|
726 |
|
727 |
|
728 |
|
729 | class DefaultGridColumnsDirective extends GridColumnsDirective {
|
730 | constructor() {
|
731 | super(...arguments);
|
732 | this.inputs = inputs$3;
|
733 | }
|
734 | }
|
735 | DefaultGridColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridColumnsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
736 | DefaultGridColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridColumnsDirective, selector: "\n [gdColumns],\n [gdColumns.xs], [gdColumns.sm], [gdColumns.md], [gdColumns.lg], [gdColumns.xl],\n [gdColumns.lt-sm], [gdColumns.lt-md], [gdColumns.lt-lg], [gdColumns.lt-xl],\n [gdColumns.gt-xs], [gdColumns.gt-sm], [gdColumns.gt-md], [gdColumns.gt-lg]\n", inputs: { gdColumns: "gdColumns", "gdColumns.xs": "gdColumns.xs", "gdColumns.sm": "gdColumns.sm", "gdColumns.md": "gdColumns.md", "gdColumns.lg": "gdColumns.lg", "gdColumns.xl": "gdColumns.xl", "gdColumns.lt-sm": "gdColumns.lt-sm", "gdColumns.lt-md": "gdColumns.lt-md", "gdColumns.lt-lg": "gdColumns.lt-lg", "gdColumns.lt-xl": "gdColumns.lt-xl", "gdColumns.gt-xs": "gdColumns.gt-xs", "gdColumns.gt-sm": "gdColumns.gt-sm", "gdColumns.gt-md": "gdColumns.gt-md", "gdColumns.gt-lg": "gdColumns.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
737 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridColumnsDirective, decorators: [{
|
738 | type: Directive,
|
739 | args: [{ selector: selector$3, inputs: inputs$3 }]
|
740 | }] });
|
741 |
|
742 |
|
743 |
|
744 |
|
745 |
|
746 |
|
747 |
|
748 |
|
749 | const DEFAULT_VALUE$2 = '0';
|
750 | class GridGapStyleBuilder extends StyleBuilder {
|
751 | buildStyles(input, parent) {
|
752 | return {
|
753 | 'display': parent.inline ? 'inline-grid' : 'grid',
|
754 | 'grid-gap': input || DEFAULT_VALUE$2
|
755 | };
|
756 | }
|
757 | }
|
758 | GridGapStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridGapStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
759 | GridGapStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridGapStyleBuilder, providedIn: 'root' });
|
760 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridGapStyleBuilder, decorators: [{
|
761 | type: Injectable,
|
762 | args: [{ providedIn: 'root' }]
|
763 | }] });
|
764 | class GridGapDirective extends BaseDirective2 {
|
765 | constructor(elRef, styleUtils, styleBuilder, marshal) {
|
766 | super(elRef, styleBuilder, styleUtils, marshal);
|
767 | this.DIRECTIVE_KEY = 'grid-gap';
|
768 | this._inline = false;
|
769 | this.init();
|
770 | }
|
771 | get inline() { return this._inline; }
|
772 | set inline(val) { this._inline = coerceBooleanProperty(val); }
|
773 |
|
774 |
|
775 |
|
776 | updateWithValue(value) {
|
777 | this.styleCache = this.inline ? gapInlineCache : gapCache;
|
778 | this.addStyles(value, { inline: this.inline });
|
779 | }
|
780 | }
|
781 | GridGapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridGapDirective, deps: [{ token: i0.ElementRef }, { token: i1.StyleUtils }, { token: GridGapStyleBuilder }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
782 | GridGapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridGapDirective, inputs: { inline: ["gdInline", "inline"] }, usesInheritance: true, ngImport: i0 });
|
783 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridGapDirective, decorators: [{
|
784 | type: Directive
|
785 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.StyleUtils }, { type: GridGapStyleBuilder }, { type: i1.MediaMarshaller }]; }, propDecorators: { inline: [{
|
786 | type: Input,
|
787 | args: ['gdInline']
|
788 | }] } });
|
789 | const gapCache = new Map();
|
790 | const gapInlineCache = new Map();
|
791 | const inputs$2 = [
|
792 | 'gdGap',
|
793 | 'gdGap.xs', 'gdGap.sm', 'gdGap.md', 'gdGap.lg', 'gdGap.xl',
|
794 | 'gdGap.lt-sm', 'gdGap.lt-md', 'gdGap.lt-lg', 'gdGap.lt-xl',
|
795 | 'gdGap.gt-xs', 'gdGap.gt-sm', 'gdGap.gt-md', 'gdGap.gt-lg'
|
796 | ];
|
797 | const selector$2 = `
|
798 | [gdGap],
|
799 | [gdGap.xs], [gdGap.sm], [gdGap.md], [gdGap.lg], [gdGap.xl],
|
800 | [gdGap.lt-sm], [gdGap.lt-md], [gdGap.lt-lg], [gdGap.lt-xl],
|
801 | [gdGap.gt-xs], [gdGap.gt-sm], [gdGap.gt-md], [gdGap.gt-lg]
|
802 | `;
|
803 |
|
804 |
|
805 |
|
806 |
|
807 |
|
808 |
|
809 | class DefaultGridGapDirective extends GridGapDirective {
|
810 | constructor() {
|
811 | super(...arguments);
|
812 | this.inputs = inputs$2;
|
813 | }
|
814 | }
|
815 | DefaultGridGapDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridGapDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
816 | DefaultGridGapDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridGapDirective, selector: "\n [gdGap],\n [gdGap.xs], [gdGap.sm], [gdGap.md], [gdGap.lg], [gdGap.xl],\n [gdGap.lt-sm], [gdGap.lt-md], [gdGap.lt-lg], [gdGap.lt-xl],\n [gdGap.gt-xs], [gdGap.gt-sm], [gdGap.gt-md], [gdGap.gt-lg]\n", inputs: { gdGap: "gdGap", "gdGap.xs": "gdGap.xs", "gdGap.sm": "gdGap.sm", "gdGap.md": "gdGap.md", "gdGap.lg": "gdGap.lg", "gdGap.xl": "gdGap.xl", "gdGap.lt-sm": "gdGap.lt-sm", "gdGap.lt-md": "gdGap.lt-md", "gdGap.lt-lg": "gdGap.lt-lg", "gdGap.lt-xl": "gdGap.lt-xl", "gdGap.gt-xs": "gdGap.gt-xs", "gdGap.gt-sm": "gdGap.gt-sm", "gdGap.gt-md": "gdGap.gt-md", "gdGap.gt-lg": "gdGap.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
817 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridGapDirective, decorators: [{
|
818 | type: Directive,
|
819 | args: [{ selector: selector$2, inputs: inputs$2 }]
|
820 | }] });
|
821 |
|
822 |
|
823 |
|
824 |
|
825 |
|
826 |
|
827 |
|
828 |
|
829 | const DEFAULT_VALUE$1 = 'auto';
|
830 | class GridRowStyleBuilder extends StyleBuilder {
|
831 | buildStyles(input) {
|
832 | return { 'grid-row': input || DEFAULT_VALUE$1 };
|
833 | }
|
834 | }
|
835 | GridRowStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
836 | GridRowStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowStyleBuilder, providedIn: 'root' });
|
837 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowStyleBuilder, decorators: [{
|
838 | type: Injectable,
|
839 | args: [{ providedIn: 'root' }]
|
840 | }] });
|
841 | class GridRowDirective extends BaseDirective2 {
|
842 | constructor(elementRef, styleBuilder, styler, marshal) {
|
843 | super(elementRef, styleBuilder, styler, marshal);
|
844 | this.DIRECTIVE_KEY = 'grid-row';
|
845 | this.styleCache = rowCache;
|
846 | this.init();
|
847 | }
|
848 | }
|
849 | GridRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowDirective, deps: [{ token: i0.ElementRef }, { token: GridRowStyleBuilder }, { token: i1.StyleUtils }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
850 | GridRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridRowDirective, usesInheritance: true, ngImport: i0 });
|
851 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowDirective, decorators: [{
|
852 | type: Directive
|
853 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: GridRowStyleBuilder }, { type: i1.StyleUtils }, { type: i1.MediaMarshaller }]; } });
|
854 | const rowCache = new Map();
|
855 | const inputs$1 = [
|
856 | 'gdRow',
|
857 | 'gdRow.xs', 'gdRow.sm', 'gdRow.md', 'gdRow.lg', 'gdRow.xl',
|
858 | 'gdRow.lt-sm', 'gdRow.lt-md', 'gdRow.lt-lg', 'gdRow.lt-xl',
|
859 | 'gdRow.gt-xs', 'gdRow.gt-sm', 'gdRow.gt-md', 'gdRow.gt-lg'
|
860 | ];
|
861 | const selector$1 = `
|
862 | [gdRow],
|
863 | [gdRow.xs], [gdRow.sm], [gdRow.md], [gdRow.lg], [gdRow.xl],
|
864 | [gdRow.lt-sm], [gdRow.lt-md], [gdRow.lt-lg], [gdRow.lt-xl],
|
865 | [gdRow.gt-xs], [gdRow.gt-sm], [gdRow.gt-md], [gdRow.gt-lg]
|
866 | `;
|
867 |
|
868 |
|
869 |
|
870 |
|
871 |
|
872 | class DefaultGridRowDirective extends GridRowDirective {
|
873 | constructor() {
|
874 | super(...arguments);
|
875 | this.inputs = inputs$1;
|
876 | }
|
877 | }
|
878 | DefaultGridRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridRowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
879 | DefaultGridRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridRowDirective, selector: "\n [gdRow],\n [gdRow.xs], [gdRow.sm], [gdRow.md], [gdRow.lg], [gdRow.xl],\n [gdRow.lt-sm], [gdRow.lt-md], [gdRow.lt-lg], [gdRow.lt-xl],\n [gdRow.gt-xs], [gdRow.gt-sm], [gdRow.gt-md], [gdRow.gt-lg]\n", inputs: { gdRow: "gdRow", "gdRow.xs": "gdRow.xs", "gdRow.sm": "gdRow.sm", "gdRow.md": "gdRow.md", "gdRow.lg": "gdRow.lg", "gdRow.xl": "gdRow.xl", "gdRow.lt-sm": "gdRow.lt-sm", "gdRow.lt-md": "gdRow.lt-md", "gdRow.lt-lg": "gdRow.lt-lg", "gdRow.lt-xl": "gdRow.lt-xl", "gdRow.gt-xs": "gdRow.gt-xs", "gdRow.gt-sm": "gdRow.gt-sm", "gdRow.gt-md": "gdRow.gt-md", "gdRow.gt-lg": "gdRow.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
880 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridRowDirective, decorators: [{
|
881 | type: Directive,
|
882 | args: [{ selector: selector$1, inputs: inputs$1 }]
|
883 | }] });
|
884 |
|
885 |
|
886 |
|
887 |
|
888 |
|
889 |
|
890 |
|
891 |
|
892 | const DEFAULT_VALUE = 'none';
|
893 | const AUTO_SPECIFIER = '!';
|
894 | class GridRowsStyleBuilder extends StyleBuilder {
|
895 | buildStyles(input, parent) {
|
896 | input = input || DEFAULT_VALUE;
|
897 | let auto = false;
|
898 | if (input.endsWith(AUTO_SPECIFIER)) {
|
899 | input = input.substring(0, input.indexOf(AUTO_SPECIFIER));
|
900 | auto = true;
|
901 | }
|
902 | const css = {
|
903 | 'display': parent.inline ? 'inline-grid' : 'grid',
|
904 | 'grid-auto-rows': '',
|
905 | 'grid-template-rows': '',
|
906 | };
|
907 | const key = (auto ? 'grid-auto-rows' : 'grid-template-rows');
|
908 | css[key] = input;
|
909 | return css;
|
910 | }
|
911 | }
|
912 | GridRowsStyleBuilder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowsStyleBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
913 | GridRowsStyleBuilder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowsStyleBuilder, providedIn: 'root' });
|
914 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowsStyleBuilder, decorators: [{
|
915 | type: Injectable,
|
916 | args: [{ providedIn: 'root' }]
|
917 | }] });
|
918 | class GridRowsDirective extends BaseDirective2 {
|
919 | constructor(elementRef, styleBuilder, styler, marshal) {
|
920 | super(elementRef, styleBuilder, styler, marshal);
|
921 | this.DIRECTIVE_KEY = 'grid-rows';
|
922 | this._inline = false;
|
923 | this.init();
|
924 | }
|
925 | get inline() { return this._inline; }
|
926 | set inline(val) { this._inline = coerceBooleanProperty(val); }
|
927 |
|
928 |
|
929 |
|
930 | updateWithValue(value) {
|
931 | this.styleCache = this.inline ? rowsInlineCache : rowsCache;
|
932 | this.addStyles(value, { inline: this.inline });
|
933 | }
|
934 | }
|
935 | GridRowsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowsDirective, deps: [{ token: i0.ElementRef }, { token: GridRowsStyleBuilder }, { token: i1.StyleUtils }, { token: i1.MediaMarshaller }], target: i0.ɵɵFactoryTarget.Directive });
|
936 | GridRowsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: GridRowsDirective, inputs: { inline: ["gdInline", "inline"] }, usesInheritance: true, ngImport: i0 });
|
937 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridRowsDirective, decorators: [{
|
938 | type: Directive
|
939 | }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: GridRowsStyleBuilder }, { type: i1.StyleUtils }, { type: i1.MediaMarshaller }]; }, propDecorators: { inline: [{
|
940 | type: Input,
|
941 | args: ['gdInline']
|
942 | }] } });
|
943 | const rowsCache = new Map();
|
944 | const rowsInlineCache = new Map();
|
945 | const inputs = [
|
946 | 'gdRows',
|
947 | 'gdRows.xs', 'gdRows.sm', 'gdRows.md', 'gdRows.lg', 'gdRows.xl',
|
948 | 'gdRows.lt-sm', 'gdRows.lt-md', 'gdRows.lt-lg', 'gdRows.lt-xl',
|
949 | 'gdRows.gt-xs', 'gdRows.gt-sm', 'gdRows.gt-md', 'gdRows.gt-lg'
|
950 | ];
|
951 | const selector = `
|
952 | [gdRows],
|
953 | [gdRows.xs], [gdRows.sm], [gdRows.md], [gdRows.lg], [gdRows.xl],
|
954 | [gdRows.lt-sm], [gdRows.lt-md], [gdRows.lt-lg], [gdRows.lt-xl],
|
955 | [gdRows.gt-xs], [gdRows.gt-sm], [gdRows.gt-md], [gdRows.gt-lg]
|
956 | `;
|
957 |
|
958 |
|
959 |
|
960 |
|
961 |
|
962 |
|
963 | class DefaultGridRowsDirective extends GridRowsDirective {
|
964 | constructor() {
|
965 | super(...arguments);
|
966 | this.inputs = inputs;
|
967 | }
|
968 | }
|
969 | DefaultGridRowsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridRowsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
970 | DefaultGridRowsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: DefaultGridRowsDirective, selector: "\n [gdRows],\n [gdRows.xs], [gdRows.sm], [gdRows.md], [gdRows.lg], [gdRows.xl],\n [gdRows.lt-sm], [gdRows.lt-md], [gdRows.lt-lg], [gdRows.lt-xl],\n [gdRows.gt-xs], [gdRows.gt-sm], [gdRows.gt-md], [gdRows.gt-lg]\n", inputs: { gdRows: "gdRows", "gdRows.xs": "gdRows.xs", "gdRows.sm": "gdRows.sm", "gdRows.md": "gdRows.md", "gdRows.lg": "gdRows.lg", "gdRows.xl": "gdRows.xl", "gdRows.lt-sm": "gdRows.lt-sm", "gdRows.lt-md": "gdRows.lt-md", "gdRows.lt-lg": "gdRows.lt-lg", "gdRows.lt-xl": "gdRows.lt-xl", "gdRows.gt-xs": "gdRows.gt-xs", "gdRows.gt-sm": "gdRows.gt-sm", "gdRows.gt-md": "gdRows.gt-md", "gdRows.gt-lg": "gdRows.gt-lg" }, usesInheritance: true, ngImport: i0 });
|
971 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: DefaultGridRowsDirective, decorators: [{
|
972 | type: Directive,
|
973 | args: [{ selector, inputs }]
|
974 | }] });
|
975 |
|
976 |
|
977 |
|
978 |
|
979 |
|
980 |
|
981 |
|
982 |
|
983 | const ALL_DIRECTIVES = [
|
984 | DefaultGridAlignDirective,
|
985 | DefaultGridAlignColumnsDirective,
|
986 | DefaultGridAlignRowsDirective,
|
987 | DefaultGridAreaDirective,
|
988 | DefaultGridAreasDirective,
|
989 | DefaultGridAutoDirective,
|
990 | DefaultGridColumnDirective,
|
991 | DefaultGridColumnsDirective,
|
992 | DefaultGridGapDirective,
|
993 | DefaultGridRowDirective,
|
994 | DefaultGridRowsDirective,
|
995 | ];
|
996 |
|
997 |
|
998 |
|
999 |
|
1000 |
|
1001 | class GridModule {
|
1002 | }
|
1003 | GridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
1004 | GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridModule, declarations: [DefaultGridAlignDirective,
|
1005 | DefaultGridAlignColumnsDirective,
|
1006 | DefaultGridAlignRowsDirective,
|
1007 | DefaultGridAreaDirective,
|
1008 | DefaultGridAreasDirective,
|
1009 | DefaultGridAutoDirective,
|
1010 | DefaultGridColumnDirective,
|
1011 | DefaultGridColumnsDirective,
|
1012 | DefaultGridGapDirective,
|
1013 | DefaultGridRowDirective,
|
1014 | DefaultGridRowsDirective], imports: [CoreModule], exports: [DefaultGridAlignDirective,
|
1015 | DefaultGridAlignColumnsDirective,
|
1016 | DefaultGridAlignRowsDirective,
|
1017 | DefaultGridAreaDirective,
|
1018 | DefaultGridAreasDirective,
|
1019 | DefaultGridAutoDirective,
|
1020 | DefaultGridColumnDirective,
|
1021 | DefaultGridColumnsDirective,
|
1022 | DefaultGridGapDirective,
|
1023 | DefaultGridRowDirective,
|
1024 | DefaultGridRowsDirective] });
|
1025 | GridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridModule, imports: [[CoreModule]] });
|
1026 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: GridModule, decorators: [{
|
1027 | type: NgModule,
|
1028 | args: [{
|
1029 | imports: [CoreModule],
|
1030 | declarations: [...ALL_DIRECTIVES],
|
1031 | exports: [...ALL_DIRECTIVES]
|
1032 | }]
|
1033 | }] });
|
1034 |
|
1035 |
|
1036 |
|
1037 |
|
1038 |
|
1039 |
|
1040 |
|
1041 |
|
1042 |
|
1043 |
|
1044 |
|
1045 |
|
1046 |
|
1047 | export { DefaultGridAlignColumnsDirective, DefaultGridAlignDirective, DefaultGridAlignRowsDirective, DefaultGridAreaDirective, DefaultGridAreasDirective, DefaultGridAutoDirective, DefaultGridColumnDirective, DefaultGridColumnsDirective, DefaultGridGapDirective, DefaultGridRowDirective, DefaultGridRowsDirective, GridAlignColumnsDirective, GridAlignColumnsStyleBuilder, GridAlignDirective, GridAlignRowsDirective, GridAlignRowsStyleBuilder, GridAlignStyleBuilder, GridAreaDirective, GridAreaStyleBuilder, GridAreasDirective, GridAreasStyleBuiler, GridAutoDirective, GridAutoStyleBuilder, GridColumnDirective, GridColumnStyleBuilder, GridColumnsDirective, GridColumnsStyleBuilder, GridGapDirective, GridGapStyleBuilder, GridModule, GridRowDirective, GridRowStyleBuilder, GridRowsDirective, GridRowsStyleBuilder };
|