export class ElementCollection{
	voltage:any;
	amperage:any;
	disamperage:any;
	boxElement:any;
	constructor(i:any,k:any,r:any){
		this.amperage = i;
		this.disamperage = k;
		this.voltage = r;
	}
}
// create input element to parametrs
	export class Agregator {
		wrapperBox:HTMLElement;
		Collection:Array<ElementCollection> = new Array <ElementCollection>();
		constructor()
		{
			for(var i=1; i<5; i++)
			{
				this.Collection[i] = new RangeInputs.ElementCollection(10+i,20,30);
			}
			console.log(this.Collection);	
		}
	}      .wrapper
{
width: 1000px;
margin: 200px auto;
}
.slider 
{
    width:900px;
margin: inherit;
display: inline-block;
    position:absolute;
}
#p1
{
padding: 3px 30px;
font-size: 15px;
background: #706f7f;
color: #fff;
border-radius: 4px;
position: relative;
}
.slider li
{
display: inline-block;
}
#p1:hover
{
background: #1ea95b;
}
#p1:before
{
content: url(img/menu.png);
position: absolute;
left: 0;
top: 0;
display: none;
}
#p1:hover:before
{
display: block;
}
#submenu li
{
display: inline-block;
margin-left: 20.5px;
}
#submenu li:nth-child(2)
{
font-weight: 900;
}
#submenu
{
margin-top: 11px;
padding: 2px 7px 2px 2px;
border-radius-left: 10px;
border-radius:4px;
color: #fff;
background: #1ea95b;
position:absolute;
    top:30px;
display: none;
}
#p1:hover ~ #submenu
{
    display: block;
}