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

100% Statements 11/11
100% Branches 0/0
100% Functions 0/0
100% Lines 11/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 57 58 59 60 61 62 63 64 65 66 67 68 6993x     93x       2x         2x         2x           2x           2x           2x         2x         2x   2x                                          
import { ComponentRender } from '../zd-component/component-render';
import { IContainer } from './interfaces';
 
export class Container extends ComponentRender implements IContainer {
	/**
	 * Sets the height for the component.
	 */
	public height: number | string = 'auto';
 
	/**
	 * Sets the maximum height for the component.
	 */
	public maxHeight: number | string = 'none';
 
	/**
	 * Sets the minimum height for the component.
	 */
	public minHeight: number | string = 'auto';
 
	/**
	 * Defines the component width. Possible values for this property can be
	 * <samp>'auto', '100%', '400px' or 400</samp>
	 */
	public width: string | number = '100%';
 
	/**
	 * Defines the component min width. Possible values for this property can be
	 * <samp>'auto', '100%', '400px' or 400</samp>
	 */
	public minWidth: string | number = 'auto';
 
	/**
	 * Defines the component max height. Possible values for this property can be
	 * <samp>'auto', '100%', '400px' or 400</samp>
	 */
	public maxWidth: string | number = 'none';
 
	/**
	 * Removes viewport maximum-width size breakpoints.
	 */
	public fluid = true;
 
	/**
	 * Define if the container is a scroll view
	 */
	public scrollView = false;
 
	public tag = 'div';
 
	/* istanbul ignore next */
	/**
	 * Creates a new Container.
	 * @param props Container properties
	 */
	constructor(props: IContainer) {
		super(props);
		this.fluid = this.getInitValue('fluid', props.fluid, this.fluid);
		this.scrollView = this.getInitValue('scrollView', props.scrollView, this.scrollView);
		this.height = this.getInitValue('height', props.height, this.height);
		this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
		this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
		this.width = this.getInitValue('width', props.width, this.width);
		this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
		this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
		this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
		this.tag = this.getInitValue('tag', props.tag, this.tag);
	}
}