All files / src/components/zd-col col.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
93x
 
 
 
 
 
93x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
2x
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { ComponentRender } from '../zd-component/component-render';
import { ICol } from './interfaces';
 
/**
 * Base class for Col component.
 */
export class Col extends ComponentRender implements ICol {
	public cols: string | number = '12';
 
	public sm?: string | number;
 
	public md?: string | number;
 
	public lg?: string | number;
 
	public xl?: string | number;
 
	public offset?: string | number;
 
	/**
	 * Defines the component height. Possible values for this property can be
	 * <samp>'auto', '100%', '400px' or 400</samp>
	 */
	public height: string | number = 'auto';
 
	/**
	 * Defines the component min height. Possible values for this property can be
	 * <samp>'auto', '100%', '400px' or 400</samp>
	 */
	public minHeight: string | number = 'auto';
 
	/**
	 * Defines the component max height. Possible values for this property can be
	 * <samp>'auto', '100%', '400px' or 400</samp>
	 */
	public maxHeight: string | number = 'none';
 
	/* istanbul ignore next */
	/**
	 * Creates a new Col.
	 * @param props Col properties
	 */
	constructor(props: ICol) {
		super(props);
		this.cols = this.getInitValue('cols', props.cols, this.cols);
		this.sm = this.getInitValue('sm', props.sm, this.sm);
		this.md = this.getInitValue('md', props.md, this.md);
		this.lg = this.getInitValue('lg', props.lg, this.lg);
		this.xl = this.getInitValue('xl', props.xl, this.xl);
		this.offset = this.getInitValue('offset', props.offset, this.offset);
		this.height = this.getInitValue('height', props.height, this.height);
		this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
		this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
	}
}