text: /********************************************************************************************/
  /*******************************            IOS 7              ******************************/
  /********************************************************************************************/
  /********************************************************************************************/
  
  var _library = 'ios7';
  var _path = '/ios7/';
  
  prx.library_scales = prx.library_scales || {};
  prx.library_scales.ios7 = 2;
  
  prx.comps.ios7Colors = [{value: '#FF4351',displayValue: '#FF4351'},{vagruntlue: '#FD6631',displayValue: '#FD6631'},{value: '#FC880F',displayValue: '#FC880F'},{value: '#FEAE1B',displayValue: '#FEAE1B'},{value: '#FFD426',displayValue: '#FFD426'},
                               {value: '#A5DE37',displayValue: '#A5DE37'},{value: '#49E845',displayValue: '#49E845'},{value: '#55DAE1',displayValue: '#55DAE1'},{value: '#1B9AF7',displayValue: '#1B9AF7'},{value: '#7B72E9',displayValue: '#7B72E9'},
                               {value: '#DB49D8',displayValue: '#DB49D8'},{value: '#ED4694',displayValue: '#ED4694'},{value: '#000000',displayValue: '#000000'},{value: '#333333',displayValue: '#333333'},
                               {value: '#FF667A',displayValue: '#FF667A'},{value: '#FE9949',displayValue: '#FE9949'},{value: '#FEC418',displayValue: '#FEC418'},{value: '#FFD728',displayValue: '#FFD728'},{value: '#FFE93B',displayValue: '#FFE93B'},
                               {value: '#D1EF51',displayValue: '#D1EF51'},{value: '#6FF467',displayValue: '#6FF467'},{value: '#80EDF0',displayValue: '#80EDF0'},{value: '#28CDFB',displayValue: '#28CDFB'},{value: '#B9ACF4',displayValue: '#B9ACF4'},
                               {value: '#EC6EEC',displayValue: '#EC6EEC'},{value: '#F668CA',displayValue: '#F668CA'},{value: '#666666',displayValue: '#666666'},{value: '#999999',displayValue: '#999999'},
                               {value: '#FFB2BC',displayValue: '#FFB2BC'},{value: '#FFCCA4',displayValue: '#FFCCA4'},{value: '#FFE18B',displayValue: '#FFE18B'},{value: '#FFEB94',displayValue: '#FFEB94'},{value: '#FFF49B',displayValue: '#FFF49B'},
                               {value: '#E9F7A8',displayValue: '#E9F7A8'},{value: '#B6F9B2',displayValue: '#B6F9B2'},{value: '#BFF7F8',displayValue: '#BFF7F8'},{value: '#94E6FE',displayValue: '#94E6FE'},{value: '#DCD4F9',displayValue: '#DCD4F9'},
                               {value: '#F6B5F5',displayValue: '#F6B5F5'},{value: '#FCB4E6',displayValue: '#FCB4E6'},{value: '#CCCCCC',displayValue: '#CCCCCC'},{value: '#FFFFFF',displayValue: '#FFFFFF'}];
  prx.commonproperties.ios7BackgroundColor = { caption: 'Background', proptype: 'background-color' , name: 'backgroundColor', type: 'combo-colorpicker', value: function(item,name) { return item.backgroundColor; }, values: prx.comps.ios7Colors, liveUpdate: 'background-color', changeProperty: {caption: 'Background color', selector: '.changeProperty-backgroundColor', property: 'background-color', transitionable: true } }
  prx.commonproperties.ios7TextColor = { caption: false, name: 'textColor', proptype: 'font-color', type: 'combo-colorpicker', value: function(item,name) { return item.textColor; }, values: prx.comps.ios7Colors, liveUpdate: 'color', changeProperty: { caption: 'Text color', selector: '.changeProperty-textColor', property: 'color', transitionable: true } }
  prx.commonproperties.ios7BorderColor = { caption: false, name: 'borderColor', proptype: 'border-color', type: 'combo-colorpicker', value: function(item,name) { return item.borderColor; }, values: prx.comps.ios7Colors, liveUpdate: 'border-color', changeProperty: { caption: 'Border Color', selector: '.changeProperty-borderColor', property: 'border-top-color,border-bottom-color,border-left-color,border-right-color', transitionable: true } }
  
  /* NAVBAR BUTTONS */
  
  prx.types.ios7_navbar_buttons = {
  	name: "ios7_navbar_buttons"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  		var _btnprops = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.btnTextProperties,'props-text') : '';
  
  
  		var dims = prx.componentsHelper.getRealDims(item, symbol);
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-navbar" '+((prx.componentsHelper.getProp(item.overlay,'boolean'))? 'data-mpoverlay="1"': '')+'>';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-navbar-inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-'+prx.componentsHelper.getProp(item.borderPos,'other')+': '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; }';
  		cR += '#'+_id+' .ios7-navbar-title { '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+_props+' }';
  		if(item.type == "ios7_navbar_buttons") {
  			cR += '#'+_id+' .ios7-navbar-button-text { '+prx.componentsHelper.getProp(item.btnTextFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.btnTextColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.btnTextSize,'num-text-size')+'px; '+_btnprops+' }';
  		}
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-navbar-inner liveUpdate-backgroundColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-borderWidth changeProperty-borderColor">';
  		cR += '<div class="ios7-navbar-title liveUpdate-textColor changeProperty-textColor changeProperty-textSize changeProperty-textFont" data-editableproperty="title">'+prx.componentsHelper.getProp(item.title,'text-html')+'</div>';
  		if(prx.componentsHelper.getProp(item.type,'other') == "ios7_navbar_buttons" && prx.componentsHelper.getProp(item.leftBtnType,'button-type') != "none") {
  			cR += '<div class="ios7-navbar-button ios7-navbar-button-left ios7-navbar-button-left-'+prx.componentsHelper.getProp(item.leftBtnType,'button-type')+'">';
  			if((prx.componentsHelper.getProp(item.leftBtnType,'button-type') == "icon" || prx.componentsHelper.getProp(item.leftBtnType,'button-type') == "texticon") && prx.componentsHelper.getProp(item.leftBtnIcon.fileId,'other') != '') {
  				cR += '<img class="ios7-navbar-button-icon" src="'+prx.componentsHelper.getProp(item.leftBtnIcon,'asset')+'">';
  			}
  			if(prx.componentsHelper.getProp(item.leftBtnType,'button-type') == "text" || prx.componentsHelper.getProp(item.leftBtnType,'button-type') == "texticon") {
  				cR += '<div class="ios7-navbar-button-text liveUpdate-btnTextColor changeProperty-btnTextColor changeProperty-btnTextSize changeProperty-btnTextFont" data-editableproperty="leftBtnText">'+prx.componentsHelper.getProp(item.leftBtnText,'text-html')+'</div>';
  			}
  			cR += '</div>';
  		}
  		if(prx.componentsHelper.getProp(item.type,'other') == "ios7_navbar_buttons" && prx.componentsHelper.getProp(item.rightBtnType,'button-type') != "none") {
  			cR += '<div class="ios7-navbar-button ios7-navbar-button-right ios7-navbar-button-right-'+prx.componentsHelper.getProp(item.rightBtnType,'button-type')+'">';
  			if(prx.componentsHelper.getProp(item.rightBtnType,'button-type') == "text" || prx.componentsHelper.getProp(item.rightBtnType,'button-type') == "texticon") {
  				cR += '<div class="ios7-navbar-button-text liveUpdate-btnTextColor changeProperty-btnTextColor changeProperty-btnTextSize changeProperty-btnTextFont" data-editableproperty="rightBtnText">'+prx.componentsHelper.getProp(item.rightBtnText,'text-html')+'</div>';
  			}
  			if((prx.componentsHelper.getProp(item.rightBtnType,'button-type') == "icon" || prx.componentsHelper.getProp(item.rightBtnType,'button-type') == "texticon") && prx.componentsHelper.getProp(item.rightBtnIcon.fileId,'other') != '') {
  				cR += '<img class="ios7-navbar-button-icon" src="'+prx.componentsHelper.getProp(item.rightBtnIcon,'asset')+'">';
  			}
  			cR += '</div>';
  		}
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,editableProperties: [
  	    {
  			caption: 'Title'
  			,name: 'title'
  			,type: 'input'
  			,value: function(item,name) {
  				return item.title;
  			}
  			,changeProperty: {
  				caption: 'Title',
  				property: 'text',
  				selector: '.ios7-navbar-title',
  				transitionable: false
  			}
  		},
  		{
  			caption: 'Left Button'
  			,name: 'leftBtnText'
  			,type: 'input'
  			,value: function(item,name) {
  				return item.leftBtnText;
  			}
  			,hiddenByDefault: function(item) {
  	    		return (item.leftBtnType == "none" || item.leftBtnType == "icon");
  	    	}
  			,changeProperty: {
  				caption: 'Left Button Text',
  				property: 'text',
  				selector: '.ios7-navbar-button-left .ios7-navbar-button-text',
  				transitionable: false
  			}
  		},
  		{
  			caption: 'Right Button'
  			,name: 'rightBtnText'
  			,type: 'input'
  			,value: function(item,name) {
  				return item.rightBtnText;
  			},
  			hiddenByDefault: function(item) {
  				return (item.rightBtnType == "none" || item.rightBtnType == "icon");
  	    	}
  			,changeProperty: {
  				caption: 'Right Button Text',
  				property: 'text',
  				selector: '.ios7-navbar-button-right .ios7-navbar-button-text',
  				transitionable: false
  			}
  		}
  	]
  	,interactions: [
  	    {
  	    	caption: 'Title',
  	    	name: 'ios7NavbarActionsTitle',
  	    	type: 'action',
  	    	value: function(item,name) { if (typeof(item.ios7NavbarActionsTitle) == "undefined") { item.ios7NavbarActionsTitle = []; } return item.ios7NavbarActionsTitle.length; },
  	    	changeProperty: {
  	    		caption: 'Title Interactions',
  	    		selector: '',
  	    		property: 'action',
  	    		transitionable: false,
  	    		changeable: false
  	    	}
  	    },
  	    {
  	    	caption: 'Left Button',
  	    	name: 'ios7NavbarActionsLeftBtn',
  	    	type: 'action',
  	    	value: function(item,name) { if (typeof(item.ios7NavbarActionsLeftBtn) == "undefined") { item.ios7NavbarActionsLeftBtn = []; } return item.ios7NavbarActionsLeftBtn.length; },
  	    	hiddenByDefault: function(item) {
  	    		return item.leftBtnType == "none";
  	    	},
  	    	changeProperty: {
  	    		caption: 'Left Button Interactions',
  	    		selector: '',
  	    		property: 'action',
  	    		transitionable: false,
  	    		changeable: false
  	    	}
  	    },
  	    {
  	    	caption: 'Right Button',
  	    	name: 'ios7NavbarActionsRightBtn',
  	    	type: 'action',
  	    	value: function(item,name) { if (typeof(item.ios7NavbarActionsRightBtn) == "undefined") { item.ios7NavbarActionsRightBtn = []; } return item.ios7NavbarActionsRightBtn.length; },
  	    	hiddenByDefault: function(item) {
  	    		return item.rightBtnType == "none";
  	    	},
  	    	changeProperty: {
  	    		caption: 'Right Button Interactions',
  	    		selector: '',
  	    		property: 'action',
  	    		transitionable: false,
  	    		changeable: false
  	    	}
  	    }
  	]
  	,propertyGroups: [
  		{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor
  				]
  				,[
  					prx.commonproperties.borderWidth
  					,{
  						caption: false,
  						name: 'borderPos',
  						proptype: 'border-position',
  						type: 'select',
  						value: function(item,name) { return item.borderPos; },
  						values: [{ value: 'none', displayValue: 'None' },{ value: 'top', displayValue: 'Top' },{ value: 'bottom', displayValue: 'Bottom' }],
  						changeProperty: {
  							caption: 'Border position',
  							rerender: true,
  							changeable: false
  						}
  					}
  					,prx.commonproperties.ios7BorderColor
  				]
  			]
  		},
  		{
  		    caption: 'Title',
  		    properties: [
  		        [//gy
  					prx.commonproperties.textFontRichText('font-family','title')
  					,prx.commonproperties.textSizeRichText('font-size','title')
  					,prx.commonproperties.ios7TextColorRichText('color','title')
  				]
  				,[
  					 prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'title')
  				]
  			]
  		},
  		{
  		    caption: 'Buttons',
  		    properties: [
  		        [
  					{
  						caption: false,
  						name: 'btnTextFont',
  						proptype: 'font-family-2-buttons',
  						type: 'select',
  						relatedEditableProperties: ['leftBtnText','rightBtnText'],
  						relatedCSSProperties: 'font-family',
  						value: function(item,name) { return item.btnTextFont; },
  						values: function(){ return prx.comps.fonts },
  						changeProperty: {
  							caption: 'Text font',
  							selector: '.changeProperty-btnTextFont',
  							property: 'font-family',
  							transitionable: false
  						}
  					},
  					{
  						caption: false,
  						name: 'btnTextSize',
  						proptype: 'font-size-2-buttons',
  						type: 'combo-select',
  						relatedEditableProperties: ['leftBtnText','rightBtnText'],
  						relatedCSSProperties: 'font-size',
  						value: function(item,name) { return item.btnTextSize; },
  						values: prx.comps.textsize,
  						changeProperty: {
  							caption: 'Text size',
  							selector: '.changeProperty-btnTextSize',
  							property: 'font-size',
  							transitionable: true
  						}
  					},
  					{
  						caption: false,
  						name: 'btnTextColor',
  						proptype: 'font-color-2-buttons',
  						type: 'combo-colorpicker',
  						relatedEditableProperties: ['leftBtnText','rightBtnText'],
  						relatedCSSProperties: 'color',
  						value: function(item,name) { return item.btnTextColor; },
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'color',
  						changeProperty: {
  							caption: 'Text color',
  							selector: '.changeProperty-btnTextColor',
  							property: 'color',
  							transitionable: true
  						}
  					}
  				]
  				,[
  					{
  						caption: false,
  						name: 'btnTextProperties',
  						proptype: 'text-properties-2-buttons',
  						type: 'checkbox',
  						relatedEditableProperties: ['leftBtnText','rightBtnText'],
  						relatedCSSProperties: ['font-weight','font-style','text-decoration'],
  						value: function(item,name) { return item.btnTextProperties; },
  						values: [
  							{ value: 'bold', displayValue: '', icon: 'text-bold'},
  							{ value: 'italic', displayValue: '', icon: 'text-italic'},
  							{ value: 'underline', displayValue: '', icon: 'text-underline'}
  						],
  						changeProperty: {
  							caption: 'Text properties',
  							rerender: true
  						}
  					}
  				]
  			]
  		},
  		{
  		    caption: 'Left Button',
  		    properties: [
  		        [
  					{
  						caption: false,
  						name: 'leftBtnType',
  						type: 'select',
  						value: function(item,name) { return item.leftBtnType; },
  						values: [{ value: 'none', displayValue: 'None'}, { value: 'text', displayValue: 'Text'}, { value: 'icon', displayValue: 'Icon'}, { value: 'texticon', displayValue: 'Text & Icon'}],
  						onChange: function(item){
  							if(item.leftBtnType == "none" || item.leftBtnType == "text") {
  								$('#property-leftBtnIcon').hide();
  							} else {
  								$('#property-leftBtnIcon').show();
  							}
  							if(item.leftBtnType == "text" || item.leftBtnType == "texticon") {
  								$('#property-leftBtnText').show();
  							} else {
  								$('#property-leftBtnText').hide();
  							}
  							if(item.leftBtnType == "none") {
  								$('.interaction-property-group[data-action-property=ios7NavbarActionsLeftBtn]').hide();
  							} else {
  								$('.interaction-property-group[data-action-property=ios7NavbarActionsLeftBtn]').show();
  							}
  						},
  						changeProperty: {
  							caption: 'Left button style',
  							rerender: true
  						}
  					}
  		        ],
  		        [
  					{
  						caption: false
  						,name: 'leftBtnIcon'
  						,type: 'combo-asset'
  						,displayValue: function(item,name,index) {
  							if(item.leftBtnIcon.fileId == '') {
  								return 'No icon selected';
  							}
  							return item.leftBtnIcon.name;
  						}
  						,value: function(item,name,index) {
  							return JSON.stringify({
  								allow: 'image',
  								asset: item.leftBtnIcon
  							});
  						}
  						,hiddenByDefault: function(item,name,index){
  							return (item.leftBtnType == 'none' || item.leftBtnType == "text");
  						}
  						,changeProperty: {
  							caption: 'Left Button Icon',
  							rerender: true
  						 }
  					}
  		        ]
  		    ]
  		},
  		{
  		    caption: 'Right Button',
  		    properties: [
  		        [
  					{
  						caption: false,
  						name: 'rightBtnType',
  						type: 'select',
  						value: function(item,name) { return item.rightBtnType; },
  						values: [{ value: 'none', displayValue: 'None'}, { value: 'text', displayValue: 'Text'}, { value: 'icon', displayValue: 'Icon'}, { value: 'texticon', displayValue: 'Text & Icon'}],
  						onChange: function(item){
  							if(item.rightBtnType == "none" || item.rightBtnType == "text") {
  								$('#property-rightBtnIcon').hide();
  							} else {
  								$('#property-rightBtnIcon').show();
  							}
  							if(item.rightBtnType == "text" || item.rightBtnType == "texticon") {
  								$('#property-rightBtnText').show();
  							} else {
  								$('#property-rightBtnText').hide();
  							}
  							if(item.rightBtnType == "none") {
  								$('.interaction-property-group[data-action-property=ios7NavbarActionsRightBtn]').hide();
  							} else {
  								$('.interaction-property-group[data-action-property=ios7NavbarActionsRightBtn]').show();
  							}
  						},
  						changeProperty: {
  							caption: 'Right button style',
  							rerender: true
  						}
  					}
  		        ],
  		        [
  					{
  						caption: false
  						,name: 'rightBtnIcon'
  						,type: 'combo-asset'
  						,displayValue: function(item,name,index) {
  							if(item.rightBtnIcon.fileId == '') {
  								return 'No icon selected';
  							}
  							return item.rightBtnIcon.name;
  						}
  						,value: function(item,name,index) {
  							return JSON.stringify({
  								allow: 'image',
  								asset: item.rightBtnIcon
  							});
  						}
  						,hiddenByDefault: function(item,name,index){
  							return (item.rightBtnType == 'none' || item.rightBtnType == "text");
  						}
  						,changeProperty: {
  							caption: 'Right Button Icon',
  							rerender: true
  						 }
  					}
  		        ]
  		    ]
  		},
        	{
  			caption: 'Advanced',
  			properties: [[
  				{
  					caption: 'Position fixed on transitions'
  					,name: 'overlay'
  					,type: 'onoff'
  					,value: function(item,name) {
  						if(typeof(item.overlay)=="undefined") {
  							return false;
  						}
  						return item.overlay;
  					}
  
  					,changeProperty: {
  						caption: 'Position fixed',
  						rerender: true
  					}
  				}
  			]]
  		}
  	]
  }
  
  /* SIMPLE NAVBAR */
  
  prx.types.ios7_navbar = prx.componentsHelper.cloneobject(prx.types.ios7_navbar_buttons);
  prx.types.ios7_navbar.name = 'ios7_navbar';
  prx.componentsHelper.removeProperties(prx.types.ios7_navbar.editableProperties, ['leftBtnText','rightBtnText'])
  prx.componentsHelper.removeProperties(prx.types.ios7_navbar.interactions, ['ios7NavbarActionsTitle','ios7NavbarActionsLeftBtn','ios7NavbarActionsRightBtn'])
  prx.componentsHelper.removeProperties(prx.types.ios7_navbar.propertyGroups, ['btnTextFont','btnTextSize','btnTextColor','btnTextProperties','leftBtnType','leftBtnIcon','rightBtnType','rightBtnIcon'])
  
  /* TABBAR */
  
  prx.types.ios7_tabbar = prx.componentsHelper.cloneobject(prx.types.basic_tabbar);
  prx.types.ios7_tabbar.name = 'ios7_tabbar';
  prx.componentsHelper.removeProperties(prx.types.ios7_tabbar.propertyGroups, ['activeBackgroundColor','borderWidth','borderColor','iconpos','iconSize'])
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'backgroundColor', 'type', 'combo-colorpicker');
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'backgroundColor', 'values', prx.comps.ios7Colors);
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'textColor', 'type', 'combo-colorpicker');
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'textColor', 'values', prx.comps.ios7Colors);
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'activeTextColor', 'type', 'combo-colorpicker');
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'activeTextColor', 'values', prx.comps.ios7Colors);
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'maskActive', 'type', 'combo-colorpicker');
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'maskActive', 'values', prx.comps.ios7Colors);
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'maskInactive', 'type', 'combo-colorpicker');
  prx.types.ios7_tabbar.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_tabbar.propertyGroups, 'maskInactive', 'values', prx.comps.ios7Colors);
  prx.types.ios7_tabbar.dynamicProperties.blankItem = {
  	text: 'Label',
  	icon: {"fileId":"a764f2746aa43431594a25b3e9d5dc34.svg","name":"star.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/94a90bf9a645dba63ad7a41d18f82ea7.svg","targetSrc":"generated/94a90bf9a645dba63ad7a41d18f82ea7_8f8f8f.svg","color":"8f8f8f"},
  	activeicon: {"fileId":"a764f2746aa43431594a25b3e9d5dc34.svg","name":"star.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/94a90bf9a645dba63ad7a41d18f82ea7.svg","targetSrc":"generated/94a90bf9a645dba63ad7a41d18f82ea7_1b9af7.svg","color":"1b9af7"},
  	actions: []
  }
  
  /* TOOLBAR */
  prx.types.ios7_toolbar = {
  	name: "ios7_toolbar"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-toolbar" '+((prx.componentsHelper.getProp(item.overlay,'boolean'))? 'data-mpoverlay="1"': '')+'>';
  
  		cR += '<style>'
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-toolbar-inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-'+prx.componentsHelper.getProp(item.borderPos,'other')+': '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; }';
  		//cR += '#'+_id+' .ios7-toolbar-button { width: '+(_dims.width/item.buttons.length) +'px; }';
  		cR += '</style>'
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-toolbar-inner liveUpdate-backgroundColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-borderColor">';
  
  		$.each(item.buttons, function(i,elm){
  			cR += '<div class="ios7-toolbar-button dynamic-property" data-dynamic-property-index="'+i+'" id="'+_id+'-buttons-'+i+'" style="background-image: url(' +prx.componentsHelper.getProp(elm.icon,'asset')+');"></div>'
  		});
  
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,propertyGroups: [
    		{
    		    caption: 'Style',
    		    properties: [
    		        [
    					prx.commonproperties.ios7BackgroundColor
    				]
    				,[
    					prx.commonproperties.borderWidth
    					,{
    						caption: false,
    						name: 'borderPos',
    						proptype: 'border-position',
    						type: 'select',
    						value: function(item,name) { return item.borderPos; },
    						values: [{ value: 'none', displayValue: 'None' },{ value: 'top', displayValue: 'Top' },{ value: 'bottom', displayValue: 'Bottom' }],
    						changeProperty: {
    							caption: 'Border position',
    							rerender: true,
    							changeable: false
    						}
    					}
    					,prx.commonproperties.ios7BorderColor
    				]
    			]
    		},
        	{
  			caption: 'Advanced',
  			properties: [[
  				{
  					caption: 'Position fixed on transitions'
  					,name: 'overlay'
  					,type: 'onoff'
  					,value: function(item,name) {
  						if(typeof(item.overlay)=="undefined") {
  							return false;
  						}
  						return item.overlay;
  					}
  
  					,changeProperty: {
  						caption: 'Position fixed',
  						rerender: true
  					}
  				}
  			]]
  		}
  	]
  	,dynamicProperties: {
     		data: 'buttons'
     		,propertyCaption: 'Buttons'
      	,propertyName: 'Button'
     		,addCaption: 'Add button'
     		,deleteCaption: 'Delete'
     		,blankItem: {
  			icon: {"fileId":"a764f2746aa43431594a25b3e9d5dc34.svg","name":"star.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/94a90bf9a645dba63ad7a41d18f82ea7.svg","targetSrc":"generated/94a90bf9a645dba63ad7a41d18f82ea7_1b9af7.svg","color":"1b9af7"},
     			actions: []
     		}
     		,interactions: [ prx.commonproperties.actions_buttons ]
    		,propertyGroups: [{
  			caption: 'Icon',
  			properties: [[
        			{
        				caption: false
        				,name: 'icon'
        				,type: 'combo-asset'
        				,displayValue: function(item,name,index) {
        					if(item.buttons[index].icon.fileId == '') {
        						return 'No icon selected';
        					}
        					return item.buttons[index].icon.name;
        				}
        				,value: function(item,name,index) {
        					return JSON.stringify({
        						allow: 'image',
        						asset: item.buttons[index].icon
        					});
        				}
  	      			,changeProperty: {
    						caption: 'Icon',
    						rerender: true
    					 }
        			}
        		]]
        	}]
  	}
  }
  
  /* STATUSBAR */
  prx.types.ios7_statusbar = {
  	name: "ios7_statusbar"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item, symbol);
  
  		var signalDotDims= 5*prx.componentsHelper.getScale(item.lib);
  		var signalDotMargin= 7*prx.componentsHelper.getScale(item.lib);
  		var batteryMarginTop= 5*prx.componentsHelper.getScale(item.lib);
  		var batteryHeight= 10*prx.componentsHelper.getScale(item.lib);
  		var batteryWidth= 20*prx.componentsHelper.getScale(item.lib);
  		var batteryInnerDims= 3*prx.componentsHelper.getScale(item.lib);
  		var batteryInnerLeftPos= -2*prx.componentsHelper.getScale(item.lib);
  		var batteryInnerTopPos= 3*prx.componentsHelper.getScale(item.lib);
  		var textSize= 12*prx.componentsHelper.getScale(item.lib);
  		var now = new Date();
  
  		now.getMinutes()
  
  		if(typeof(item.textFont) == "undefined") { item.textFont = 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif';}
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-statusbar" '+((prx.componentsHelper.getProp(item.overlay,'boolean'))? 'data-mpoverlay="1"': '')+'>';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  
  		cR += '#'+_id+' .ios7-statusbar-inner { '+prx.componentsHelper.getFontCssFromFontFamily(item.textFont)+' background-color: '+prx.utils.getColor(item.backgroundColor)+'; color: '+prx.utils.getColor(item.foregroundColor)+'; }';
  		cR += '#'+_id+' .ios7-statusbar-signal-dot { width: '+signalDotDims+'px; height: '+signalDotDims+'px; margin-top: '+signalDotMargin+'px; margin-bottom: '+signalDotMargin+'px; background-color: '+prx.utils.getColor(item.foregroundColor)+'; border-color: '+prx.utils.getColor(item.foregroundColor)+'; }';
  		cR += '#'+_id+' .ios7-statusbar-battery-life-icon { width: '+batteryWidth+'px; height: '+batteryHeight+'px; margin-top: '+batteryMarginTop+'px; background-color: '+prx.utils.getColor(item.foregroundColor)+'; border-color: '+prx.utils.getColor(item.foregroundColor)+'; }';
  		cR += '#'+_id+' .ios7-statusbar-battery-life-icon-battery-pole-inner { width: '+batteryInnerDims+'px; height: '+batteryInnerDims+'px; left: '+batteryInnerLeftPos+'px; top: '+batteryInnerTopPos+'px; background-color: '+prx.utils.getColor(item.foregroundColor)+'; }';
  		cR += '#'+_id+' .ios7-statusbar-provider, .ios7-statusbar-battery-life-text { line-height: '+_dims.height+'px; }';
  		cR += '#'+_id+' .ios7-statusbar-provider, .ios7-statusbar-battery-life-text, .ios7-statusbar-time { font-size: '+textSize+'px; }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-statusbar-inner liveUpdate-backgroundColor liveUpdate-foregroundColor-color changeProperty-backgroundColor">';
  		cR += '<div class="ios7-statusbar-signal">';
  		cR += '<div class="ios7-statusbar-signal-dot liveUpdate-foregroundColor-background-color liveUpdate-foregroundColor-border-color"></div>';
  		cR += '<div class="ios7-statusbar-signal-dot liveUpdate-foregroundColor-background-color liveUpdate-foregroundColor-border-color"></div>';
  		cR += '<div class="ios7-statusbar-signal-dot liveUpdate-foregroundColor-background-color liveUpdate-foregroundColor-border-color"></div>';
  		cR += '<div class="ios7-statusbar-signal-dot liveUpdate-foregroundColor-background-color liveUpdate-foregroundColor-border-color"></div>';
  		cR += '<div class="ios7-statusbar-signal-dot ios7-statusbar-signal-dot-empty liveUpdate-foregroundColor-border-color"></div>';
  		cR += '<div class="ios7-statusbar-provider">PROTO.IO</div>';
  		cR += '</div>';
  		cR += '<div class="ios7-statusbar-time">'+("0" + now.getHours()).substr(-2,2)+':'+("0" + now.getMinutes()).substr(-2,2)+'</div>';
  		cR += '<div class="ios7-statusbar-battery-life">';
  		cR += '<div class="ios7-statusbar-battery-life-icon liveUpdate-foregroundColor-background-color liveUpdate-foregroundColor-border-color">';
  		cR += '<div class="ios7-statusbar-battery-life-icon-battery-pole">';
  		cR += '<div class="ios7-statusbar-battery-life-icon-battery-pole-inner liveUpdate-foregroundColor-background-color"></div>';
  		cR += '</div>';
  		cR += '</div>';
  		cR += '<div class="ios7-statusbar-battery-life-text">90%</div>';
  		cR += '</div>';
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,propertyGroups: [
  		{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor,
  					{
  						caption: 'Foreground',
  						name: 'foregroundColor',
  						proptype: 'foreground-color',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.foregroundColor; },
  						values: prx.comps.ios7Colors,
  						//help: 'Will always revert to white in native app mode',
  						liveUpdate: 'color,border-color,background-color',
  						changeProperty: {
  							caption: 'Foreground color',
  							rerender: true
  						}
  					}
  				]
  			]
  		},
  		{
  			caption: 'Advanced',
  			properties: [[
  				{
  					caption: 'Position fixed on transitions'
  					,name: 'overlay'
  					,type: 'onoff'
  					,value: function(item,name) {
  						if(typeof(item.overlay)=="undefined") {
  							return false;
  						}
  						return item.overlay;
  					}
  
  					,changeProperty: {
  						caption: 'Position fixed',
  						rerender: true
  					}
  				}
  			]]
  		}
  	]
  }
  
  
  /* TYPE: BUTTON */
  prx.types.ios7_button_bg = {
  	name: "ios7_button_bg"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  
  		var text = '<div class="ios7-button-text liveUpdate-textColor changeProperty-textColor changeProperty-textFont changeProperty-textSize"><span data-editableproperty="text">'+prx.componentsHelper.getProp(item.text,'text-textarea')+'</span></div>';
  
  		var icon = '';
  		if(prx.componentsHelper.getProp(item.iconpos,'icon-position') != "none" && prx.componentsHelper.getProp(item.img.fileId,'other') != '') {
  			icon = '<img class="ios7-button-icon" src="'+prx.componentsHelper.getProp(item.img,'asset')+'">';
  		}
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-button">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-button-inner { '+prx.css.flexJustifyContent(prx.componentsHelper.getProp(item.textAlign,'align'))+' text-align: '+prx.componentsHelper.getProp(item.textAlign,'align')+'; background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; }'
  		cR += '#'+_id+' .ios7-button-text { '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+_props+' }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-button-inner ios7-button-icon-'+prx.componentsHelper.getProp(item.iconpos,'icon-position')+' liveUpdate-backgroundColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-borderColor changeProperty-borderWidth changeProperty-borderRadius">';
  
  		switch(item.iconpos) {
  		case "notext":
  			cR += icon;
  			break;
  		case "left":
  			cR += icon + text;
  			break;
  		case "right":
  			cR += text + icon;
  			break;
  		default:
  			cR += text;
  		}
  
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	interactions: [ prx.commonproperties.actions ],
  	editableProperties: [{
  		caption: 'Text',
  		name: 'text',
  		type: 'textarea',
  		value: function(item,name) { return item.text; },
  		changeProperty: {
  			caption: 'Text',
  			selector: '.ios7-button-text',
  			property: 'text',
  			transitionable: false
  		}
  	}],
  	propertyGroups: [
     		{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor
  				]
  				,[
  					prx.commonproperties.borderWidth
  					,prx.commonproperties.ios7BorderColor
  					,{
  						caption: '<span class="icon icon-border-radius" title="Border radius"></span>',
  						name: 'borderRadius',
  						proptype: 'border-radius',
  						type: 'combo-select',
  						value: function(item, name) {
  							return typeof item.borderRadius == 'undefined' ? '' : item.borderRadius;
  						},
  						values: {min: 0, max: 20, step: 1},
  						expandedValues: ["tl", "tr", "bl", "br"],
  						changeProperty: {
  							caption: 'Border radius',
  							selector: '.changeProperty-borderRadius',
  							property: 'border-radius',
  							transitionable: true
  						},
  						hiddenByDefault: function(item,name,index){
  							return (item.type === 'ios7_button_icon_square');
  						}
  					}
  				]
  			]
  		},
  		{
  		    caption: 'Text',
  		    properties: [
  				[
  					prx.commonproperties.textFontRichText('font-family','text')
  					,prx.commonproperties.textSizeRichText('font-size','text')
  					,prx.commonproperties.ios7TextColorRichText('color','text')
  				],[
  					 prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text')
  					,prx.commonproperties.textAlignRichText('text-align','text')
  				]
  			]
  		},
  		{
        		caption: 'Icon',
        		properties: [[
              	{
          			caption: false
          			,name: 'iconpos'
          			,type: 'select'
          			,value: function(item,name) {
  	      				return item.iconpos;
  	            		}
  	      			,values: [{value: 'none',displayValue: 'No icon'},{value: 'left',displayValue: 'Left'},{value: 'right',displayValue: 'Right'},{value: 'notext',displayValue: 'Icon only (no text)'}]
  	      		    ,onChange: function(item){
  	      				if(item.iconpos == 'none') {
  	      					$('#property-img').hide();
  	      				} else {
  	      					$('#property-img').show();
  	      				}
  	      				if(item.iconpos == 'notext') {
  	      					$('#property-textSize, #property-textFont, #property-textColor, #property-textProperties, #property-textAlign').hide();
  	      				} else {
  	      					$('#property-textSize, #property-textFont, #property-textColor, #property-textProperties, #property-textAlign').show();
  	      				}
  	      				return false;
  	      			}
  	      			,changeProperty: {
    						caption: 'Icon position',
    						rerender: true
    					}
              	}],
  		        [
  					{
  						caption: false
  						,name: 'img'
  						,type: 'combo-asset'
  						,displayValue: function(item,name,index) {
  							if(item.img.fileId == '') {
  								return 'No icon selected';
  							}
  							return item.img.name;
  						}
  						,value: function(item,name,index) {
  							return JSON.stringify({
  								allow: 'image',
  								asset: item.img
  							});
  						}
  						,hiddenByDefault: function(item,name,index){
  							return (item.iconpos == 'none');
  						}
  						,changeProperty: {
  							caption: 'Icon',
  							rerender: true
  						 }
  					}
  		        ]
  	        ]
  		}
  	]
  }
  
  prx.types.ios7_button = prx.componentsHelper.cloneobject(prx.types.ios7_button_bg);
  prx.types.ios7_button.name = 'ios7_button';
  prx.componentsHelper.removeProperties(prx.types.ios7_button.propertyGroups, ['backgroundColor','borderWidth','borderColor','borderRadius'])
  
  prx.types.ios7_button_text = prx.componentsHelper.cloneobject(prx.types.ios7_button);
  prx.types.ios7_button_text.name = 'ios7_button_text';
  prx.componentsHelper.removeProperties(prx.types.ios7_button_text.propertyGroups, ['img','iconpos'])
  
  prx.types.ios7_button_icon_square = prx.componentsHelper.cloneobject(prx.types.ios7_button_bg);
  prx.types.ios7_button_icon_square.name = 'ios7_button_icon_square';
  prx.componentsHelper.removeProperties(prx.types.ios7_button_icon_square.propertyGroups, ['textFont','textSize','textColor','textProperties','textAlign','iconpos'])
  
  prx.types.ios7_button_icon_circular = prx.componentsHelper.cloneobject(prx.types.ios7_button_icon_square);
  prx.types.ios7_button_icon_circular.name = 'ios7_button_icon_circular';
  prx.componentsHelper.removeProperties(prx.types.ios7_button_icon_circular.propertyGroups, ['borderRadius'])
  
  prx.types.ios7_button_ui = prx.componentsHelper.cloneobject(prx.types.ios7_button_icon_circular);
  prx.types.ios7_button_ui.name = 'ios7_button_ui';
  prx.componentsHelper.removeProperties(prx.types.ios7_button_ui.propertyGroups, ['borderWidth', 'borderColor'])
  
  prx.types.ios7_button_icon = prx.componentsHelper.cloneobject(prx.types.ios7_button_ui);
  prx.types.ios7_button_icon.name = 'ios7_button_icon';
  prx.componentsHelper.removeProperties(prx.types.ios7_button_icon.propertyGroups, ['backgroundColor'])
  
  
  /* SEGMENTED CONTROL */
  prx.types.ios7_segmentedcontrol = {
  	name: "ios7_segmentedcontrol"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		if(typeof(item.changeActive) == "undefined") { item.changeActive = true; }
  
  		var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-segmentedcontrol">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-segmentedcontrol-inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+_props+' }';
  		cR += '#'+_id+' .ios7-segmentedcontrol-button { border-left: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; }';
  		cR += '#'+_id+' .ios7-segmentedcontrol-button input:checked + label { background-color: '+prx.componentsHelper.getProp(item.activeBackgroundColor,'color-background')+'; color: '+prx.componentsHelper.getProp(item.activeTextColor,'color-text')+'; }';
  		cR += '#'+_id+' .ios7-segmentedcontrol-button:first-child label { border-radius: '+(prx.componentsHelper.getProp(parseInt(prx.componentsHelper.getProp(item.borderRadius,'border-radius')) - parseInt(prx.componentsHelper.getProp(item.borderWidth,'num-border-width')) - 1,'border-radius'))+' 0 0 '+(prx.componentsHelper.getProp(parseInt(prx.componentsHelper.getProp(item.borderRadius,'border-radius')) - parseInt(prx.componentsHelper.getProp(item.borderWidth,'num-border-width')) - 1,'border-radius'))+'; }';
  		cR += '#'+_id+' .ios7-segmentedcontrol-button:last-child label { border-radius: 0 '+(prx.componentsHelper.getProp(parseInt(prx.componentsHelper.getProp(item.borderRadius,'border-radius')) - parseInt(prx.componentsHelper.getProp(item.borderWidth,'num-border-width')) - 1,'border-radius'))+' '+(prx.componentsHelper.getProp(parseInt(prx.componentsHelper.getProp(item.borderRadius,'border-radius')) - parseInt(prx.componentsHelper.getProp(item.borderWidth,'num-border-width')) - 1,'border-radius'))+' 0; }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-segmentedcontrol-inner liveUpdate-backgroundColor liveUpdate-textColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-borderColor changeProperty-borderRadius changeProperty-borderWidth changeProperty-textColor changeProperty-textSize changeProperty-textFont">';
  		$.each(item.buttons, function(i,elm) {
  			cR += '<div id="'+_id+'-buttons-'+i+'" class="ios7-segmentedcontrol-button dynamic-property liveUpdate-borderColor'+((i == 0 || i == item.buttons.length-1)? ' changeProperty-borderRadius' : '')+'" data-dynamic-property-index="'+i+'">';
  			cR += '<input type="radio" name="'+_id+'-radio-input" id="'+_id+'-radio-'+i+'" '+((prx.componentsHelper.getProp(item.selected,'num-other') == i) ? 'checked' : '')+' data-role="none" '+((prx.componentsHelper.getProp(item.active,'num-other') == i) ? 'class="liveUpdate-activeBackgroundColor liveUpdate-activeTextColor"' : '')+' ' +((!prx.componentsHelper.getProp(item.changeActive,'boolean')) ? 'disabled' : '')+ '>'
  			cR += '<label for="'+_id+'-radio-'+i+'" '+((prx.componentsHelper.getProp(item.selected,'num-other') == i) ? 'class="liveUpdate-activeBackgroundColor liveUpdate-activeTextColor"' : '')+' >'
  			cR += '<span data-editableproperty="text" data-dynamic-property-index="'+i+'">' + prx.componentsHelper.getProp(elm.text,'text-textarea') + '</span>';
  			cR += '</label>'
  			cR += '</div>';
  		});
  
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	propertyGroups: [
  			{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor,
  					{
  						caption: 'Active',
  						name: 'activeBackgroundColor',
  						proptype: 'background-color-2-active',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.activeBackgroundColor; },
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'background-color',
  						changeProperty: {
  							caption: 'active Background color',
  							selector: '.changeProperty-activeBackgroundColor',
  							property: 'background-color',
  							transitionable: true
  						}
  					}
  				]
  				,[
  					prx.commonproperties.borderWidth
  					,prx.commonproperties.ios7BorderColor
  					,{
                          caption: '<span class="icon icon-border-radius" title="Border radius"></span>',
                          name: 'borderRadius',
                          proptype: 'border-radius',
                          type: 'combo-select',
                          value: function(item, name) {
                              return typeof item.borderRadius == 'undefined' ? '' : item.borderRadius;
                          },
                          values: {min: 0, max: 20, step: 1},
                          changeProperty: {
                              caption: 'Border radius',
                              rerender: true
                          }
                      }
  				]
  			]
  		},
  		{
  		    caption: 'Text',
  		    properties: [
  		        [
  					prx.commonproperties.textFontRichText('font-family','buttons.text')
  					,prx.commonproperties.textSizeRichText('font-size','buttons.text')
  					,prx.commonproperties.ios7TextColorRichText('color','buttons.text')
  				]
  				,[
  					 prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'buttons.text'),
  					{
  						caption: 'Active',
  						name: 'activeTextColor',
  						proptype: 'font-color-2-active',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.activeTextColor; },
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'color',
  						changeProperty: {
  							caption: 'Active Text color',
  							selector: '.changeProperty-activeTextColor',
  							property: 'color',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},
  		{
        	  caption: 'Advanced',
        	  properties: [
  			   [
  					{
  							caption: 'Active Button'
  							,name: 'selected'
  							,type: 'select'
  							,value: function(item,name) {
  								return item.selected;
  							}
  							,values: function(item,name) {
  								//var _rA = [];
  								var _rA = [{value: '999',displayValue: 'None'}];
  								for (var n = 0; n < item.buttons.length; n++) {
  									_rA.push({value: n,displayValue: prx.utils.escapeHTML(item.buttons[n].text.replace(/<br>/g, "\n").replace(/(<([^>]+)>|(&nbsp;))/ig, ''))});
  								}
  								return _rA;
  							}
  							,changeProperty: {
  								caption: 'Button',
  								rerender: true
  							}
  
  					}
              ],
              [
  	   			{
  	  	  			caption: 'Change active state on click'
  	  	  			,name: 'changeActive'
  	  	  			,type: 'onoff'
  	  	  			,value: function(item,name) {
  	  	      			return item.changeActive;
  	  	      		}
  	      			,changeProperty: {
  						caption: 'Change active state on click',
  						rerender: true
  					}
  				}
  	   		]
              ]
          }
  	]
  	,dynamicProperties: {
     		data: 'buttons'
     		,propertyCaption: 'Buttons'
      	,propertyName: 'Button'
     		,addCaption: 'Add button'
     		,deleteCaption: 'Delete'
     		,captionProperty: 'text'
     		,blankItem: {
  			text: 'Label',
     			actions: []
     		}
     		,interactions: [ prx.commonproperties.actions_buttons ]
     		,editableProperties: [
    			{
   				caption: 'Text'
   				,name: 'text'
   				,type: 'input'
   				,value: function(item,name,index) {
   					return item.buttons[index].text;
   				}
   				,changeProperty: {
  					caption: 'Text',
  					selector: 'label',
  					property: 'text',
  					transitionable: false
  				 }
   			}
    		]
  	}
  }
  
  /* PAGE CONTROLLER */
  prx.types.ios7_pagecontroller = {
  	name: "ios7_pagecontroller"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		if(typeof(item.changeActive) == "undefined") { item.changeActive = true; }
  
  		var _props = prx.componentsHelper.getProp(item.textProperties,'props-text');
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-pagecontroller">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-pagecontroller-button label { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; width: '+_dims.height+'px; }';
  		cR += '#'+_id+' .ios7-pagecontroller-button input:checked + label { background-color: '+prx.componentsHelper.getProp(item.activeBackgroundColor,'color-background')+'; }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-pagecontroller-inner">';
  		$.each(item.buttons, function(i,elm) {
  			cR += '<div class="ios7-pagecontroller-button dynamic-property" data-dynamic-property-index="'+i+'" id="'+_id+'-buttons-'+i+'">';
  			cR += '<input type="radio" name="'+_id+'-radio-input" id="'+_id+'-radio-'+i+'" '+((prx.componentsHelper.getProp(item.selected,'num-other') == i) ? 'checked' : '')+' data-role="none" ' +((!prx.componentsHelper.getProp(item.changeActive,'num-other')) ? 'disabled' : '')+ '>'
  			cR += '<label for="'+_id+'-radio-'+i+'" class="changeProperty-borderRadius '+((prx.componentsHelper.getProp(item.selected,'num-other') == i) ? 'changeProperty-activeBackgroundColor liveUpdate-activeBackgroundColor' : 'changeProperty-backgroundColor liveUpdate-backgroundColor')+'" ></label>';
  			cR += '</div>';
  		});
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	onResize: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		$('#'+_id+' label').width(_dims.height);
  	},
  	propertyGroups: [
  			{
  		    caption: 'Style',
  		    properties: [
  		        [
  					{
  						caption: 'Background',
  						proptype: 'background-color' ,
  						name: 'backgroundColor',
  						type: 'combo-colorpicker',
  						value: function(item,name) {
  							return item.backgroundColor;
  						},
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'background-color',
  						changeProperty: {
  							caption: 'Background color',
  							selector: '.changeProperty-backgroundColor',
  							property: 'background-color',
  							rerender: true
  						}
  					},
  					{
  						caption: 'Active',
  						name: 'activeBackgroundColor',
  						proptype: 'background-color-2-active',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.activeBackgroundColor; },
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'background-color',
  						changeProperty: {
  							caption: 'active Background color',
  							selector: '.changeProperty-activeBackgroundColor',
  							property: 'background-color',
  							rerender: true
  						}
  					}
  				]
  				,[
  					{
  						caption: 'Border <span class="icon icon-border-radius" title="Border radius"></span>',
  						name: 'borderRadius',
  						proptype: 'border-radius',
  						type: 'combo-select',
  						value: function(item,name) { return item.borderRadius; },
  						values: { min: 0, max: 20, step: 1 },
  						expandedValues: ["tl", "tr", "bl", "br"],
  						changeProperty: {
  							caption: 'Border radius',
  							selector: '.changeProperty-borderRadius',
  							property: 'border-radius',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},
  		{
        	  caption: 'Advanced',
        	  properties: [
  			   [
  					{
  							caption: 'Active Button'
  							,name: 'selected'
  							,type: 'select'
  							,value: function(item,name) {
  								return item.selected;
  							}
  							,values: function(item,name) {
  								//var _rA = [];
  								var _rA = [{value: '999',displayValue: 'None'}];
  								for (var n = 0; n < item.buttons.length; n++) {
  									_rA.push({value: n,displayValue: 'Button ' + (n+1) });
  								}
  								return _rA;
  							}
  							,changeProperty: {
  								caption: 'Button',
  								rerender: true
  							}
  
  					}
              ],
              [
  	   			{
  	  	  			caption: 'Change active state on click'
  	  	  			,name: 'changeActive'
  	  	  			,type: 'onoff'
  	  	  			,value: function(item,name) {
  	  	      			return item.changeActive;
  	  	      		}
  	      			,changeProperty: {
  						caption: 'Change active state on click',
  						rerender: true
  					}
  				}
  	   		]
              ]
          }
  	]
  	,dynamicProperties: {
     		data: 'buttons'
     		,propertyCaption: 'Buttons'
      	,propertyName: 'Button'
     		,addCaption: 'Add button'
     		,deleteCaption: 'Delete'
     		,blankItem: {
  			text: 'Label',
     			actions: []
     		}
     		,interactions: [ prx.commonproperties.actions_buttons ]
  	}
  }
  
  /* TYPE: LABEL */
  prx.types.ios7_label = {
  	name: "ios7_label"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-label">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-label-inner { '+prx.css.flexJustifyContent(prx.componentsHelper.getProp(item.textAlign,'align'))+' text-align: '+prx.componentsHelper.getProp(item.textAlign,'align')+'; }'
  		cR += '#'+_id+' .ios7-label-text { '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+_props+' }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-label-inner">';
  		cR += '<div class="ios7-label-text liveUpdate-textColor changeProperty-textColor changeProperty-textFont changeProperty-textSize"><span data-editableproperty="text">'+prx.componentsHelper.getProp(item.text,'text-textarea')+'</span></div>';
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	editableProperties: [{
  		caption: 'Text',
  		name: 'text',
  		type: 'textarea',
  		value: function(item,name) { return item.text; },
  		changeProperty: {
  			caption: 'Text',
  			selector: '.ios7-label-text',
  			property: 'text',
  			transitionable: false
  		}
  	}],
  	propertyGroups: [
     		{
  		    caption: 'Text',
  		    properties: [
  		        [
  					prx.commonproperties.textFontRichText('font-family','text')
  					,prx.commonproperties.textSizeRichText('font-size','text')
  					,prx.commonproperties.ios7TextColorRichText('color','text')
  				]
  				,[
  					 prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text')
  					,prx.commonproperties.textAlignRichText('text-align','text')
  				]
  			]
  		}
  	]
  }
  
  //TYPE: TEXTFIELD
  prx.types.ios7_textfield = {
  	name: 'ios7_textfield'
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _props = prx.componentsHelper.getProp(item.textProperties,'props-text');
  
  		var _dims = prx.componentsHelper.getRealDims(item, symbol);
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-textfield type-ios7-textfield-'+prx.componentsHelper.getProp(item.inputtype,'text-other')+'">';
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' input, #'+_id+' .faux-input { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; text-align: '+prx.componentsHelper.getProp(item.textAlign,'align')+'; '+ _props + ' }';
  		cR += '#'+_id+' .faux-input.placeholder-input { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+'; }'
  		cR += '#'+_id+' .faux-input { '+prx.css.flexJustifyContent(prx.componentsHelper.getProp(item.textAlign,'align'))+'; }'
  		cR += '#'+_id+' input:-moz-placeholder { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+'!important; }'
  		cR += '#'+_id+' input::-moz-placeholder { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+'!important; }'
  		cR += '#'+_id+' input::-webkit-input-placeholder { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+'!important; }'
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		if(prx.editor) {
  			cR += '<div class="faux-input liveUpdate-textColor liveUpdate-borderColor liveUpdate-backgroundColor" data-editableproperty="value">'+prx.componentsHelper.getProp(item.value,'text')+'</div>';
  			cR += '<div class="faux-input placeholder-input liveUpdate-placeholderColor liveUpdate-borderColor liveUpdate-backgroundColor">'+prx.componentsHelper.getProp(item.placeholder,'other')+'</div>'
  		} else {
  			cR += '<input type="'+prx.componentsHelper.getProp(item.inputtype,'other')+'" value="'+prx.componentsHelper.getProp(item.value,'other')+'" placeholder="'+prx.componentsHelper.getProp(item.placeholder,'other')+'" data-role="none" class="real-input changeProperty-backgroundColor changeProperty-textColor changeProperty-textSize changeProperty-textFont changeProperty-borderColor changeProperty-borderWidth changeProperty-borderRadius changeProperty-textAlign" />'
  		}
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,afterDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		if(!prx.editor) {
  			$('#'+_id)
  				.hammer()
  				.find('.real-input')
  				.focus(function(){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputfocus'] = { value: $(this).val() }
  					$('#'+_id).trigger('inputfocus');
  				})
  				.blur(function(){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputblur'] = { value: $(this).val() };
  			        $('#'+_id).trigger('inputblur');
  				})
  				.keyup(function(e){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputkeyup'] = { value: $(this).val() };
  					var event = jQuery.Event("inputkeyup");
  					event.which = e.which;
  					$('#'+_id).trigger(event);
  				})
  
  			prx.actions.disableFlashActionOnItemTap('#' + _id, '.flashactiontap-afterdisplay');
  
  		}
  	}
  	,interactions: [ prx.commonproperties.actions ]
      ,mpactions: {
      	specialEvents: ['inputfocus','inputblur','inputkeyup']
      }
  	,editableProperties: [
                		{
  	    	caption: 'Value'
  	    	,name: 'value'
  	    	,type: 'input'
  			,isRichText: false
  	    	,value: function(item,name) {
  	    		return item.value;
  	    	}
  	    	,changeProperty: {
  				caption: 'Value',
  				property: 'input-value',
  				selector: 'input.real-input',
  				transitionable: false
  			}
  	    }
        ]
  	,propertyGroups: [
  		{
  			caption: 'Style',
  			properties: [
  				[
  					prx.commonproperties.ios7BackgroundColor
  				]
  				,[
  					prx.commonproperties.borderWidth
  					,prx.commonproperties.ios7BorderColor
  					,prx.commonproperties.borderRadiusExpandable
  				]
  			]
  		},{
  			caption: 'Text',
  			properties: [
  				[
  					prx.commonproperties.textFont
  					,prx.commonproperties.textSize
  					,prx.commonproperties.ios7TextColor
  				],
  				[
  					prx.commonproperties.textProperties
  					,prx.commonproperties.textAlign
  				]
  			]
  		},{
  			caption: 'Placeholder (If field is empty)',
  	    	properties: [
  				[
  					{
  						caption: 'Placeholder Text',
  						name: 'placeholder',
  						type: 'input',
  						value: function(item,name) {
  							return item.placeholder;
  						}
  						,changeProperty: {
  							caption: 'Placeholder',
  							rerender: true
  						}
  					}
  				],
  				[
  					{
  					   caption: 'Placeholder Color',
  					   name: 'placeholderColor',
  					   proptype: 'placeholder-color',
  					   type: 'combo-colorpicker',
  					   value: function(item,name) { if(typeof(item.placeholderColor)=='undefined') { return '999999'; } return item.placeholderColor; }
  						,values: prx.comps.ios7Colors
  					   ,liveUpdate:'color'
  					   ,changeProperty: {
  							caption: 'Placeholder color',
  							rerender: true
  						}
  				   }
  				]
  			]
  		},
  		{
  			caption: 'Input type',
  			properties: [
  				[
  					{
  						caption: false,
  						name: 'inputtype',
  						type: 'select',
  						value: function(item,name) {
  							return item.inputtype;
  						}
  						,values: [{ value: 'text', displayValue: 'Text' }, { value: 'number', displayValue: 'Numeric' }, { value: 'email', displayValue: 'Email' }, { value: 'password', displayValue: 'Password' }, { value: 'tel', displayValue: 'Telephone' }]
  						,changeProperty: {
  							caption: 'Input type',
  							rerender: true
  						}
  						,hiddenByDefault: function(item) {
  							//return (item.inputtype=="password")
  							return (item.name == "ios7_passwordfield")
  						}
  					}
  				]
  			]
  		}
  	]
  
  };
  
  //TYPE: TEXTAREA
  prx.types.ios7_textarea = {
  	name: 'ios7_textarea'
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _props = prx.componentsHelper.getProp(item.textProperties,'props-text');
  
  		var cR = '';
  
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-textarea">';
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' > textarea, #'+_id+' .faux-input { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; text-align: '+prx.componentsHelper.getProp(item.textAlign,'align')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+';  '+ _props + '}';
  		cR += '#'+_id+' .faux-input { '+prx.css.flexJustifyContent(prx.componentsHelper.getProp(item.textAlign,'align'))+'; }'
  		cR += '#'+_id+' .faux-input.placeholder-input { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+'; }'
  		cR += '#'+_id+' textarea:-moz-placeholder { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+'!important; }'
  		cR += '#'+_id+' textarea::-webkit-input-placeholder { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+'!important; }'
  		cR += '#'+_id+' textarea::-moz-placeholder { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+'!important; }'
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  		if(prx.editor) {
  			cR += '<div class="faux-input liveUpdate-textColor liveUpdate-borderColor liveUpdate-backgroundColor" data-editableproperty="value">'+prx.componentsHelper.getProp(item.value,'text-textarea')+'</div>';
  			cR += '<div class="faux-input placeholder-input liveUpdate-placeholderColor liveUpdate-borderColor liveUpdate-backgroundColor">'+prx.componentsHelper.getProp(item.placeholder,'other')+'</div>'
  		} else {
  			cR += '<textarea class="real-input liveUpdate-placeholderColor liveUpdate-backgroundColor liveUpdate-textColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-borderColor changeProperty-borderWidth changeProperty-borderRadius changeProperty-textSize changeProperty-textFont changeProperty-textColor changeProperty-textAlign" placeholder="'+prx.componentsHelper.getProp(item.placeholder,'other')+'" data-role="none">'+prx.componentsHelper.getProp(item.value,'text-textarea').replace(/<br \/>/g, "\n")+'</textarea>'
  		}
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,afterDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		if(!prx.editor) {
  			$('#'+_id)
  				.hammer()
  				.find('textarea')
  				.focus(function(){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputfocus'] = { value: $(this).val() }
  					$('#'+_id).trigger('inputfocus');
  				})
  				.blur(function(){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputblur'] = { value: $(this).val() };
  			        $('#'+_id).trigger('inputblur');
  				})
  				.keyup(function(e){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputkeyup'] = { value: $(this).val() };
  					var event = jQuery.Event("inputkeyup");
  					event.which = e.which;
  					$('#'+_id).trigger(event);
  				});
  
  			prx.actions.disableFlashActionOnItemTap('#' + _id, '.flashactiontap-afterdisplay');
  		}
  	}
  	,editableProperties: [
            {
    	    	caption: 'Value'
    	    	,name: 'value'
    	    	,type: 'textarea'
  			,isRichText: false
    	    	,value: function(item,name) {
    	    		return item.value;
    	    	}
    	    	,changeProperty: {
  				caption: 'Value',
  				property: 'textarea-value',
  				selector: 'textarea',
  				transitionable: false
  			}
    	    }
    	]
  	,interactions: [ prx.commonproperties.actions ]
      ,mpactions: {
      	specialEvents: ['inputfocus','inputblur','inputkeyup']
      }
  	,propertyGroups:	[
  		{
  			caption: 'Style',
  			properties: [
  				[
  					prx.commonproperties.ios7BackgroundColor
  				],
  				[
  					prx.commonproperties.borderWidth
  					,prx.commonproperties.ios7BorderColor
  					,prx.commonproperties.borderRadiusExpandable
  
  				]
  			]
  
  		},
  		{
  			caption: 'Text',
  			properties: [
  				[
  					prx.commonproperties.textFont
  					,prx.commonproperties.textSize
  					,prx.commonproperties.ios7TextColor
  				],
  				[
  					prx.commonproperties.textProperties,
  					prx.commonproperties.textAlign
  				]
  			]
  		},{
  			caption: 'Placeholder  (If field is empty)',
  	    	properties: [
  				[
  					{
  						caption: 'Placeholder Text'
  						,name: 'placeholder'
  						,type: 'input'
  						,value: function(item,name) {
  							return item.placeholder;
  						}
  		      	    	,changeProperty: {
  							caption: 'Placeholder',
  							rerender: true
  						}
  					}
  				],
  				[
  					{
  						caption: 'Placeholder Color',
  						name: 'placeholderColor',
  						proptype: 'placeholder-color',
  						type: 'combo-colorpicker',
  						value: function(item,name) { if(typeof(item.placeholderColor)=='undefined') { return '999999'; } return item.placeholderColor; }
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'color'
  		      	    	,changeProperty: {
  							caption: 'Placeholder color',
  							rerender: true
  						}
  					}
  				]
  			]
  		}
  	]
  };
  
  /* TYPE: CHECKBOX */
  prx.types.ios7_checkbox = {
  	name: "ios7_checkbox"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-checkbox">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-checkbox-inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; }'
  		cR += '#'+_id+' input:checked + .ios7-checkbox-inner { background-color: '+prx.componentsHelper.getProp(item.activeBackgroundColor,'color-background')+'; }'
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<input type="checkbox" id="'+_id+'-checkbox" '+((prx.componentsHelper.getProp(item.active,'boolean')) ? 'checked="checked"' : '') + ' data-role="none" />';
  		cR += '<label for="'+_id+'-checkbox" class="ios7-checkbox-inner '+((prx.componentsHelper.getProp(item.active,'boolean')) ? 'liveUpdate-activeBackgroundColor' : 'liveUpdate-backgroundColor liveUpdate-borderColor') + ' changeProperty-borderColor changeProperty-borderWidth changeProperty-borderRadius" data-clickable="true">';
  		cR += '<img class="ios7-checkbox-icon" src="'+prx.componentsHelper.getProp(item.img,'asset')+'">';
  		cR += '</label>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,afterDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		if(!prx.editor) {
  			$('#'+_id+'-checkbox').on('change.custom-change-event', function(e){
  				if(typeof(prx.variables._triggerData['input:checked[id='+_id+'-checkbox]']) == "undefined") { prx.variables._triggerData['input:checked[id='+_id+'-checkbox]'] = {}; }
  		        prx.variables._triggerData['input:checked[id='+_id+'-checkbox]']['checkboxchange'] = { state: $(this).is(':checked') };
  		        if(typeof(prx.variables._triggerData['input[id='+_id+'-checkbox]:not(:checked)']) == "undefined") { prx.variables._triggerData['input[id='+_id+'-checkbox]:not(:checked)'] = {}; }
  		        prx.variables._triggerData['input[id='+_id+'-checkbox]:not(:checked)']['checkboxchange'] = { state: $(this).is(':checked') };
  				if(typeof(prx.variables._triggerData['#' + _id]) == "undefined") { prx.variables._triggerData['#' + _id] = {}; }
  				prx.variables._triggerData['#' + _id]['checkboxchange'] = { state: $(this).is(':checked') };
  				$(this).trigger('checkboxchange');
  			})
  			$('#'+_id).hammer();
  			prx.actions.disableFlashActionOnItemTap('#' + _id, '.flashactiontap-afterdisplay');
  		}
  	}
  	,interactions: [
  		{
  			caption: 'Change',
  			name: 'actions',
  			type: 'action',
  			value: function (item, name) {
  				if (typeof(item.actions) == "undefined") {
  					item.actions = [];
  				}
  				return item.actions.length;
  			},
  			changeProperty: {
  				caption: 'Interactions on change',
  				selector: '',
  				property: 'action',
  				transitionable: false,
  				changeable: false
  			}
  		},
  		{
  			caption: 'Activation',
  			name: 'checkboxActionsOnActive',
  			type: 'action',
  			value: function (item, name) {
  				if (typeof(item.checkboxActionsOnActive) == "undefined") {
  					item.checkboxActionsOnActive = [];
  				}
  				return item.checkboxActionsOnActive.length;
  			}
  		},
  		{
  			caption: 'Deactivation',
  			name: 'checkboxActionsOnDeactive',
  			type: 'action',
  			value: function (item, name) {
  				if (typeof(item.checkboxActionsOnDeactive) == "undefined") {
  					item.checkboxActionsOnDeactive = [];
  				}
  				return item.checkboxActionsOnDeactive.length;
  			}
  		}
  	]
  	,mpactions: {
  		specialEvents: ['checkboxchange']
  	}
  	,propertyGroups: [
     		{
  		    caption: 'Style',
  		    properties: [
  		        [
  					{
  						caption: 'Background',
  						name: 'backgroundColor',
  						proptype: 'background-color',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.backgroundColor; },
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'background-color',
  						changeProperty: {
  							caption: 'Background color',
  							rerender: true
  						}
  					},
  					{
  						caption: 'Active',
  						name: 'activeBackgroundColor',
  						proptype: 'background-color-2-active',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.activeBackgroundColor; },
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'background-color',
  						changeProperty: {
  							caption: 'Active background color',
  							rerender: true
  						}
  					}
  				]
  				,[
  					prx.commonproperties.borderWidth
  					,prx.commonproperties.ios7BorderColor
  					,prx.commonproperties.borderRadiusExpandable
  				]
  			]
  		},
  		{
        		caption: 'Icon',
        		properties: [[
              		{
  						caption: false
  						,name: 'img'
  						,type: 'combo-asset'
  						,displayValue: function(item,name,index) {
  							if(item.img.fileId == '') {
  								return 'No icon selected';
  							}
  							return item.img.name;
  						}
  						,value: function(item,name,index) {
  							return JSON.stringify({
  								allow: 'image',
  								asset: item.img
  							});
  						}
  						,changeProperty: {
  							caption: 'Icon',
  							rerender: true
  						 }
  					}
  		        ]
  	        ]
  		},
  		{
  			caption: 'Advanced',
  			properties: [
  				[
  					{
  						caption: 'Active'
  						,name: 'active'
  						,type: 'onoff'
  						,value: function(item,name) {
  							return item.active;
  						}
  						,changeProperty: {
  							caption: 'Active state',
  							rerender: true
  						}
  
  					}
  				]
  			]
  		}
  	]
  }
  
  //TYPE: ON OFF SWITCH
  prx.types.ios7_switch = {
  	name: 'ios7_switch'
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-switch">';
  
  		cR += '<style>'
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' label { border-radius: '+prx.componentsHelper.getProp(_dims.height/2,'border-radius')+'; border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.inactiveBorderColor,'color-border')+'; background-color: '+prx.componentsHelper.getProp(item.inactiveLabelColor,'color-background')+'; }'
  		cR += '#'+_id+' input:checked + label { border-color: '+((item.name=='ios10_switch') ? prx.componentsHelper.getProp(item.activeLabelColor,'color-background') : prx.componentsHelper.getProp(item.activeBorderColor,'color-border'))+'; background-color: '+prx.componentsHelper.getProp(item.activeLabelColor,'color-background')+'; }';
  		cR += '#'+_id+' .switch { width: '+ ((item.name=='ios10_switch') ? (_dims.height - (2*prx.componentsHelper.getProp(item.borderWidth,'num-border-width'))) : _dims.height)+'px; background-color: '+prx.componentsHelper.getProp(item.switchColor,'color-background')+'; border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.inactiveBorderColor,'color-border')+'; '+((item.name=='ios10_switch') ? 'top: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px; left: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px; bottom: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px; box-shadow: 0px '+(2*prx.componentsHelper.getProp(item.borderWidth,'num-border-width'))+'px '+(2*prx.componentsHelper.getProp(item.borderWidth,'num-border-width'))+'px 0px rgba(0,0,0,0.5);' : 'top: 0; left: 0; bottom: 0;')+'}';
  		cR += '#'+_id+' input:checked + label .switch { left: '+((item.name=='ios10_switch') ? (_dims.width - _dims.height + parseInt(prx.componentsHelper.getProp(item.borderWidth,'num-border-width'))) : (_dims.width - _dims.height))+'px; '+((item.name=='ios10_switch') ? '' : 'border-color: '+prx.componentsHelper.getProp(item.activeBorderColor,'color-border')+';')+' }';
  		cR += '</style>'
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<input type="checkbox" '+((prx.componentsHelper.getProp(item.active,'boolean')) ? 'checked' : '')+ ' id="'+_id+'-flipswitch" data-role="none" />';
  
  		var labelClasses,
  			switchClasses;
  
  		if(prx.componentsHelper.getProp(item.active,'boolean')) {
  
  			if( item.name=='ios10_switch' ) {
                  labelClasses = ' liveUpdate-activeLabelColor-background-color liveUpdate-activeLabelColor-border-color';
  			}
  			else {
                  labelClasses = ' liveUpdate-activeLabelColor-background-color liveUpdate-activeBorderColor';
  			}
  
              if( item.name=='ios10_switch' ) {
                  switchClasses = 'liveUpdate-inactiveBorderColor';
              }
              else {
                  switchClasses = 'liveUpdate-activeBorderColor';
  			}
  		}
  		else {
  
              if( item.name=='ios10_switch' ) {
                  labelClasses = ' liveUpdate-inactiveLabelColor liveUpdate-inactiveBorderColor';
              }
              else {
                  labelClasses = ' liveUpdate-inactiveLabelColor liveUpdate-inactiveBorderColor';
  			}
  
              switchClasses = 'liveUpdate-inactiveBorderColor';
  		}
  
  		cR += '<label for="'+_id+'-flipswitch" class="'+ labelClasses +'" data-clickable="true">'; // data-clickable for greensock draggable - if draggable or in draggable container clicking on the flipswitch wont change state
  
  		cR += '<div class="switch liveUpdate-switchColor changeProperty-switchColor '+ switchClasses +'"></div>';
  
  		cR += '</label>';
  
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  
  		return cR;
  	}
  	,onResize: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		$('#'+_id+' label').css('border-radius', (_dims.height/2)+'px');
  
  		if(item.name=='ios10_switch')
  			$('#'+_id+' .switch').css({'width': (_dims.height - (2*prx.componentsHelper.getProp(item.borderWidth,'num-border-width'))) + 'px'})
  		else
              $('#'+_id+' .switch').css({'width': (_dims.height) + 'px'})
  
  		if($('#'+_id+'-flipswitch').is(':checked')) {
  
  			if(item.name=='ios10_switch')
  				$('#'+_id+' .switch').css('left', (_dims.width - _dims.height + parseInt(prx.componentsHelper.getProp(item.borderWidth,'num-border-width')))+'px');
  			else
                  $('#'+_id+' .switch').css('left', (_dims.width - _dims.height)+'px');
  		}
  	}
  	,afterDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		if(!prx.editor) {
  			$('#'+_id+'-flipswitch').on('change.custom-change-event', function(e){
  				if(typeof(prx.variables._triggerData['input:checked[id='+_id+'-flipswitch]']) == "undefined") { prx.variables._triggerData['input:checked[id='+_id+'-flipswitch]'] = {}; }
  		        prx.variables._triggerData['input:checked[id='+_id+'-flipswitch]']['checkboxchange'] = { state: $(this).is(':checked') };
  		        if(typeof(prx.variables._triggerData['input[id='+_id+'-flipswitch]:not(:checked)']) == "undefined") { prx.variables._triggerData['input[id='+_id+'-flipswitch]:not(:checked)'] = {}; }
  		        prx.variables._triggerData['input[id='+_id+'-flipswitch]:not(:checked)']['checkboxchange'] = { state: $(this).is(':checked') };
  				if(typeof(prx.variables._triggerData['#' + _id]) == "undefined") { prx.variables._triggerData['#' + _id] = {}; }
  				prx.variables._triggerData['#' + _id]['checkboxchange'] = { state: $(this).is(':checked') };
  				$(this).trigger('checkboxchange');
  			})
  
  			$('#'+_id).hammer();
  			prx.actions.disableFlashActionOnItemTap('#' + _id, '.flashactiontap-afterdisplay');
  		}
  	}
  	,interactions: [
  		{
  			caption: 'Change',
  			name: 'actions',
  			type: 'action',
  			value: function (item, name) {
  				if (typeof(item.actions) == "undefined") {
  					item.actions = [];
  				}
  				return item.actions.length;
  			},
  			changeProperty: {
  				caption: 'Interactions on change',
  				selector: '',
  				property: 'action',
  				transitionable: false,
  				changeable: false
  			}
  		}, {
  			caption: 'Activation',
  			name: 'flipswitchActionsOnActive',
  			type: 'action',
  			value: function (item, name) {
  				if (typeof(item.flipswitchActionsOnActive) == "undefined") {
  					if (typeof(item.actionsOnActive) == "undefined") {
  						item.flipswitchActionsOnActive = [];
  					} else {
  						item.flipswitchActionsOnActive = item.actionsOnActive;
  					}
  				}
  				return item.flipswitchActionsOnActive.length;
  			}
  		}, {
  			caption: 'Deactivation',
  			name: 'flipswitchActionsOnDeactive',
  			type: 'action',
  			value: function (item, name) {
  				if (typeof(item.flipswitchActionsOnDeactive) == "undefined") {
  					if (typeof(item.actionsOnDeactive) == "undefined") {
  						item.flipswitchActionsOnDeactive = [];
  					} else {
  						item.flipswitchActionsOnDeactive = item.actionsOnDeactive;
  					}
  				}
  				return item.flipswitchActionsOnDeactive.length;
  			}
  		}
  	]
  	,mpactions: {
  		specialEvents: ['checkboxchange'],
  	}
  	,propertyGroups: [
  		{
  			caption: 'Style',
  			properties: [
  
  				[
  					{
  						caption: 'Label Inactive'
  						,name: 'inactiveLabelColor'
  						,proptype: 'background-color'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.inactiveLabelColor;
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'background-color'
  						,changeProperty: {
  							caption: 'Inactive color',
  							rerender: true
  						}
  					},
  					{
  						caption: 'Active'
  						,name: 'activeLabelColor'
  						,proptype: 'background-color-active'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.activeLabelColor;
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'background-color,border-color'
  						,changeProperty: {
  							caption: 'Active label color',
  							rerender: true
  						}
  					}
  				]
  				,[
  				 	prx.commonproperties.borderWidth,
                      {
                          caption: function(item, name) {
  
                          	if(item.name !== 'ios10_switch')
                          		return 'Inactive';
  
                          	return false;
  						},
                          name: 'inactiveBorderColor',
                          proptype: 'border-color',
                          type: 'combo-colorpicker',
                          value: function(item,name) { return item.inactiveBorderColor; },
                          values: prx.comps.ios7Colors,
                          liveUpdate: 'border-color'
                          ,changeProperty: {
  							caption: 'Inactive border color',
  							rerender: true
  						}
                      }
  				 	,{
  						caption: 'Active',
  						name: 'activeBorderColor',
  						proptype: 'border-color-2-active',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.activeBorderColor; },
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'border-color'
  						,changeProperty: {
  							caption: 'Active border color',
  							rerender: true
  						},
                          hiddenByDefault: function() {
  						    return item.name == 'ios10_switch';
                          }
  					}
  				],[
  					{
  						caption: 'Switch'
  						,name: 'switchColor'
  						,proptype: 'background-color-3-switch'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.switchColor;
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate: 'background-color'
  						,changeProperty: {
  							caption: 'Switch color',
  							property: 'background-color',
  							selector: '.changeProperty-switchColor',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},{
  			caption: 'Advanced',
  			properties: [
  				[
  					{
  						caption: 'Active'
  						,name: 'active'
  						,type: 'onoff'
  						,value: function(item,name) {
  							return item.active;
  						}
  						,changeProperty: {
  							caption: 'Active',
  							selector: 'input',
  							property: 'checkbox-state',
  							transitionable: false
  						}
  					},
  				]
  			]
  		}
  	]
  
  }
  
  //TYPE: SLIDER
  prx.types.ios7_slider = {
  	name: 'ios7_slider'
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-slider">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .slider-bar { height: '+prx.componentsHelper.getProp(item.barThickness,'num-other')+'px; background-color: '+prx.componentsHelper.getProp(item.barColor,'color-background')+'; margin-top: -'+(prx.componentsHelper.getProp(item.barThickness,'num-other')/2)+'px; }'
  		cR += '#'+_id+' .slider-bar-filled { width: '+prx.componentsHelper.getProp(item.sliderPosition,'num-percentage')+'%; background-color: '+prx.componentsHelper.getProp(item.fillBarColor,'color-fill')+' }'
  		cR += '#'+_id+' .slider-button { background-color: '+prx.componentsHelper.getProp(item.sliderColor,'color-switch')+'; border-radius: '+prx.componentsHelper.getProp(item.sliderBorderRadius,'border-radius')+'; width: '+_dims.height+'px; margin-left: -'+(_dims.height/2)+'px; margin-right: -'+(_dims.height/2)+'px; }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="slider-bar liveUpdate-barColor">';
  		cR += '<div class="slider-bar-filled liveUpdate-fillBarColor"></div>';
  		cR += '</div>';
  		cR += '<span class="slider-button liveUpdate-sliderColor"></span>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,onResize: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		$('#'+_id+' .slider-button').css({
  			width: _dims.height+'px',
  			marginLeft: '-'+(_dims.height/2)+'px',
  			marginRight: '-'+(_dims.height/2)+'px'
  		});
  
  		if(prx.editor){
  			$('#'+_id).find('.slider-button').css({
  				'left': ((_dims.width)*(prx.componentsHelper.getProp(item.sliderPosition,'num-percentage')*0.01)) + 'px'
  			});
  		}
  
  	}
  	,afterDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		if(!prx.editor) {
  
  			prx.draggable._draggables['#'+_id+' .slider-button'] = Draggable.create('#'+_id+' .slider-button', {
  				type: 'x',
  				bounds: { left: -(_dims.height/2), width: parseInt(_dims.width) + parseInt(_dims.height), top: 0, height: 0 },
  				onDragStart: function(){
  					$(this.target).parents('.box').each(function() {
              			if(typeof(prx.scrollable._scrollables[this.id + '-inner']) != "undefined") {
              				prx.scrollable._scrollables[this.id + '-inner'].disable();
              			}
              		})
  
              		var pos = this.x - this.minX;
  					var width = this.maxX - this.minX;
  
              		var progress = Math.ceil((pos / width)*100)
  
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['sliderdragstart'] = { value: progress };
  					$('#'+_id).trigger('sliderdragstart');
  
  					// hack instead of ondrag because greensock on drag only triggers if the item has actually moved
  					// so if you are at 0 or 100 it only triggers once, which results in the value not always being updated
  					// because of the "actionIsRunning" check
  					$(document).on('mousemove.prx-sliderdrag touchmove.prx-sliderdrag', function(){
  						var pos = $('#' + _id + ' .slider-button').position().left;
  						var width = $('#' + _id).width();
  
  						$('#'+_id+' .slider-bar-filled').width(pos);
  						var progress = Math.ceil((pos / width)*100)
  
  						if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  				        prx.variables._triggerData['#'+_id]['sliderdrag'] = { value: progress };
  						$('#'+_id).trigger('sliderdrag');
  					})
  				},
  				onDragEnd: function(){
  
  					$(document).off('mousemove.prx-sliderdrag touchmove.prx-sliderdrag');
  
  					$(this.target).parents('.box').each(function() {
              			if(typeof(prx.scrollable._scrollables[this.id + '-inner']) != "undefined") {
              				//alert('x')
              				prx.scrollable._scrollables[this.id + '-inner'].enable();
              			}
              		})
  
              		var pos = this.x - this.minX;
  					var width = this.maxX - this.minX;
  
  					var progress = Math.ceil((pos / width)*100)
  
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  					prx.variables._triggerData['#'+_id]['sliderdrag'] = { value: progress };
  			        prx.variables._triggerData['#'+_id]['sliderdragend'] = { value: progress };
  					$('#'+_id).trigger('sliderdrag');
  					$('#'+_id).trigger('sliderdragend');
  				}
  			});
  
  			TweenLite.set('#'+_id+' .slider-button',{x:((_dims.width)*(item.sliderPosition*0.01))});
  
  			$('#'+_id+' .slider-bar').hammer().on('mousedown touchstart', function(e){
  
  				var _pageXY = prx.utils.getEventPageXY(e);
  				var _pos = _pageXY.x - $(this).offset().left;
  
  				var progress = Math.ceil((_pos / $('#'+_id).width())*100)
  
  				TweenLite.to($('#'+_id+' .slider-bar-filled'), 1, {width:_pos});
  				TweenLite.to($('#'+_id+' .slider-button'), 1, {x:_pos});
  
  				//$(this).find('.slider-bar-filled').width(_pos);
  				//$(this).siblings('.slider-button').css({ left: _pos + 'px' });
  
  				prx.draggable._draggables['#'+_id+' .slider-button'][0].update();
  
  				if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  
  				prx.variables._triggerData['#'+_id]['sliderdragstart'] = { value: progress };
  				prx.variables._triggerData['#'+_id]['sliderdrag'] = { value: progress };
  				prx.variables._triggerData['#'+_id]['sliderdragend'] = { value: progress };
  				$('#'+_id).trigger('sliderdragstart');
  				$('#'+_id).trigger('sliderdrag');
  				$('#'+_id).trigger('sliderdragend');
  			});
  
  			prx.actions.disableFlashActionOnItemTap('#' + _id + ' .slider-bar', '.flashactiontap-afterdisplay');
  		}
  		else {
  			$('#'+_id).find(' .slider-button').css({
  				'left': ((_dims.width)*(item.sliderPosition*0.01)) + 'px'
  			});
  		}
  	}
  	,interactions: [ prx.commonproperties.actions ]
  	,mpactions: {
  		specialEvents: ['sliderdragstart','sliderdrag','sliderdragend']
  	}
  	,propertyGroups:	[
  
  		{
  			caption: 'Bar',
  			properties: [
  				[
  					{
  						caption: 'Thickness'
  						,name: 'barThickness'
  						,proptype: 'bar-thickness'
  						,type: 'combo-select'
  						,value: function(item,name) {
  							return item.barThickness;
  						}
  						,values: { min: 2, max: 20, step: 2 }
  		      	    	,changeProperty: {
  							caption: 'Thickness',
  							rerender: true,
  							changeable: false
  						}
  					}
  				],
  				[
  					{
  						caption: 'Color'
  						,name: 'barColor'
  						,proptype: 'background-color'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.barColor;
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'background-color'
  		      	    	,changeProperty: {
  							caption: 'Color',
  							property: 'background-color',
  							selector: '.slider-bar',
  							transitionable: true
  						}
  
  					},
  					{
  						caption: 'Fill Color'
  						,name: 'fillBarColor'
  						,proptype: 'background-color-2-fill'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.fillBarColor;
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'background-color'
  		      	    	,changeProperty: {
  							caption: 'Fill Color',
  							property: 'background-color',
  							selector: '.slider-bar-filled',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},
  		{
  			caption: 'Slider',
  	    	properties: [
  				[
  					{
  						caption: 'Color'
  						,name: 'sliderColor'
  						,proptype: 'background-color-3-slider'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.sliderColor;
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'background-color'
  		      	    	,changeProperty: {
  							caption: 'Slider color',
  							property: 'background-color',
  							selector: '.slider-button',
  							transitionable: true
  						}
  					},
  					{
  						caption: '<span class="icon icon-border-radius" title="Border radius"></span>'
  						,name: 'sliderBorderRadius'
  						,proptype: 'border-radius'
  						,type: 'combo-select'
  						,value: function(item,name) {
  							return item.sliderBorderRadius;
  						}
  						,values: { min: 0, max: 20, step: 2 },
  						expandedValues: ["tl", "tr", "bl", "br"],
  						changeProperty: {
  							caption: 'Slider border-radius',
  							property: 'border-radius',
  							selector: '.slider-button',
  							transitionable: true
  						}
  					}
  				]
  				,[
  					{
  						caption: 'Original position (%)'
  						,name: 'sliderPosition'
  						,type: 'combo-select'
  						,value: function(item,name) {
  							return item.sliderPosition;
  						}
  						,values: { min: 0, max: 100, step: 10 }
  						,changeProperty: {
  							caption: 'Slider position',
  							rerender: true
  						}
  					}
  				],
  
  			]
  		}
  	]
  }
  
  /* PICKER */
  prx.types.ios7_picker = {
  	name: 'ios7_picker'
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  		var _options = prx.componentsHelper.getProp(item.values,'text-list').split("<br />");
  
  		var _props = prx.componentsHelper.getProp(item.textProperties,'props-text');
  
  		var cR = '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-picker"><div class="outer">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; text-align: '+prx.componentsHelper.getProp(item.textAlign,'align')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' '+_props+' }'
  		// cR += '#'+_id+' ul { padding: '+(_dims.height/2-32)+'px 0; }'; // chrome needs this to be inline otherwise iscroll height is not correctly calculated :S
  		cR += '#'+_id+' input:checked + label { color: '+prx.componentsHelper.getProp(item.activeTextColor,'color-text')+'; }'
  		cR += '#'+_id+' .bar { border-color: '+prx.componentsHelper.getProp(item.textColor,'color-border')+'; } ';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="inner liveUpdate-backgroundColor changeProperty-backgroundColor liveUpdate-textColor-color changeProperty-textColor changeProperty-textFont changeProperty-textSize changeProperty-textAlign" id="' + _id + '-inner">';
  		cR += '<ul style="padding: '+(_dims.height/2-(16*prx.componentsHelper.getScale(item.lib)))+'px 0;">';
  
  		for(var i = 0; i < _options.length; i++) {
  			cR += '<li>';
  			cR += '<input type="radio" data-role="none" id="'+_id+'-option'+i+'" name="'+_id+'-input" '+((i == prx.componentsHelper.getProp(item.selectedValue,'boolean')) ? 'checked' : '' )+'/>';
  			cR += '<label '+((i == prx.componentsHelper.getProp(item.selectedValue,'boolean')) ? 'class="liveUpdate-activeTextColor"' : '' )+' for="'+_id+'-option'+i+'">' + prx.utils.escapeHTML(_options[i]) + '</label>';
  			cR += '</li>';
  		};
  		cR += '</ul>';
  
  		cR += '<div class="bar liveUpdate-textColor-border-color"></div>';
  		cR += '</div>';
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,onResize: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		$('#' + _id + ' ul').css('padding', (prx.componentsHelper.getProp(item.height,'num-other')/2-(16*prx.componentsHelper.getScale(item.lib)))+'px 0');
  	}
  	,afterDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var manualScroll = false;
  		if(!prx.editor) {
  			//if (typeof(prx.scrollable._scrollables[_id + '-inner'])=='undefined') {
  				try {
  					prx.scrollable._scrollables[_id + '-inner'] = new IScroll('#'+_id + '-inner',{
  						scrollX: false,
  						scrollbars: false,
  						mousewheel: false,
  						probeType: 1,
  						bounce: false,
  						twoWayScroll: true,
  						deceleration: 0.008,
  						//momentum: false
  					});
  
  					prx.scrollable._scrollables[_id + '-inner'].on('scrollStart', function() {
  
  						$(this.wrapper).parents('.box').not('.type-ios7-picker').each(function() {
  							if(typeof(prx.scrollable._scrollables[this.id + '-inner']) != "undefined") {
  								prx.scrollable._scrollables[this.id + '-inner'].disable();
  							}
  						})
  
  					});
  
  					prx.scrollable._scrollables[_id + '-inner'].on('scrollEnd', function() {
  						// ROUND POSITION TO NEAREST LI (64 = LI HEIGHT)
  
  						var index = Math.abs(Math.round(prx.scrollable._scrollables[_id + '-inner'].y/(32*prx.componentsHelper.getScale(item.lib))));
  						$('#'+_id+' li').eq(index).find('input').prop('checked', true)
  						prx.scrollable._scrollables[_id + '-inner'].scrollTo(0,index*-(32*prx.componentsHelper.getScale(item.lib)));
  
  						if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  						prx.variables._triggerData['#'+_id]['pickerchange'] = { selected: $('#'+_id+' li').eq(index).find('label').text() }
  						$('#'+_id).trigger('pickerchange');
  						/*
  						 $('#'+_id).attr('data-justscrolled', 1)
  						 setTimeout(function(){$('#'+_id).attr('data-justscrolled', 0)}, 20)
  						 */
  
  						$(this.wrapper).parents('.box').not('.type-ios7-picker').each(function() {
  							if(typeof(prx.scrollable._scrollables[this.id + '-inner']) != "undefined") {
  								prx.scrollable._scrollables[this.id + '-inner'].enable();
  							}
  						})
  
  					});
  
  					prx.scrollable._scrollables[_id + '-inner'].on('scroll', function(a,b) {
  
  						var index = Math.abs(Math.round(prx.scrollable._scrollables[_id + '-inner'].y/(32*prx.componentsHelper.getScale(item.lib))));
  						$('#'+_id+' li').eq(index).find('input').prop('checked', true)
  					});
  
  					//BRINGS SELECTED LI TO CENTER, UNDER INDICATOR, ON CLICK
  					$('#' + _id + ' li').hammer().on('tap', function(e){
  					//$('#' + _id + ' li').on('click', function(e){
  						/* i think no longer needed
  						if($('#'+_id).attr('data-justscrolled') == 1) {
  							console.log('preventing tap')
  							e.preventDefault();
  							return true;
  						}
  						*/
  
  						prx.scrollable._scrollables[_id + '-inner'].scrollTo(0,-$(this).index() * (32*prx.componentsHelper.getScale(item.lib)), 150*prx.componentsHelper.getScale(item.lib));
  
  						if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  						prx.variables._triggerData['#'+_id]['pickerchange'] = { selected: $(this).text() }
  						$('#'+_id).trigger('pickerchange');
  
  						$(this).find('input').prop('checked', true);
  						//$(this).find('input').attr('checked', 'checked');
  					})
  
  					prx.actions.disableFlashActionOnItemTap('#' + _id + ' li', '.flashactiontap-afterdisplay');
  
  					$('#' + _id + ' li').on('click', function(e){
  						e.preventDefault();
  					});
  					// DEFAULT SELECTED ITEM
  					var _options = item.values.split("<br />");
  					if(item.selectedValue <= _options.length && item.selectedValue!=-1) {
  						prx.scrollable._scrollables[_id + '-inner'].scrollTo(0,-item.selectedValue * (32*prx.componentsHelper.getScale(item.lib)));
  					}
  				} catch(err){};
  			//}
  		} else {
  			var _options = item.values.split("<br />");
  			if(item.selectedValue < _options.length && item.selectedValue!=-1) {
  				$('#' + _id + ' ul').css('margin-top', (-item.selectedValue * (32*prx.componentsHelper.getScale(item.lib))) + 'px');
  			}
  		}
  
  	}
  	,interactions: [ prx.commonproperties.actions ]
  	,mpactions: {
  		specialEvents: ['pickerchange']
  	}
  	,propertyGroups:	[
  
  		{
  			caption: 'Style',
  			properties: [
  				[
  					prx.commonproperties.ios7BackgroundColor
  				]
  			]
  		},
  		{
  			caption: 'Text',
  			properties: [
  				[
  					prx.commonproperties.textFont,
  					prx.commonproperties.textSize,
  					{
  						caption: false,
  						name: 'textColor',
  						proptype: 'font-color',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.textColor; },
  						values: prx.comps.ios7Colors, liveUpdate: 'color,border-color',
  						changeProperty: { caption: 'Text color', rerender: true }
  					}
  				],
  				[
  					prx.commonproperties.textProperties,
  					prx.commonproperties.textAlign,
  					{
  						caption: 'Active'
  						,name: 'activeTextColor'
  						,proptype: 'font-color-2-active'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.activeTextColor
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'color'
  						,changeProperty: {
  							caption: 'Active text color',
  							property: 'color',
  							selector: 'input:checked + label',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},
  		{
  			caption: 'Values',
  			properties: [
  
  				[
  					{
  						caption: false
  						,name: 'values'
  						,type: 'textarea'
  						,value: function(item,name) {
  							return item.values;
  						}
  						,hint: 'Separated by line breaks'
  						,onChange: function(item,name) {
  							var _options = item.values.split("<br />");
  
  							var cR = '';
  
  							var _values = [];
  							for(var i = 0; i < _options.length; i++) {
  								cR += '<option value="'+i+'" '+((item.selectedValue == i) ? 'selected' : '')+'>'+prx.utils.escapeHTML(_options[i])+'</option>'
  							}
  
  							$('#property-selectedValue select').html(cR);
  						}
  						,changeProperty: {
  							caption: 'Values',
  							rerender: true
  						}
  					}
  				],
  				[
  					{
  						caption: 'Selected value'
  						,name: 'selectedValue'
  						,type: 'select'
  						,value: function(item,name) {
  							return item.selectedValue;
  						}
  						,values: function(item,name){
  							var _options = (item.values !== undefined) ? item.values.split("<br />") : [];
  							var _values = [];
  							for(var i = 0; i < _options.length; i++) {
  								_values.push({
  									displayValue: prx.utils.escapeHTML(_options[i].replace(/<br>/g, "\n").replace(/(<([^>]+)>|(&nbsp;))/ig, '')),
  									value: i
  								});
  							}
  							return _values;
  						}
  						,changeProperty: {
  							caption: 'Selected value',
  							rerender: true
  						}
  					}
  				]
  			]
  		}
  	]
  }
  
  /* SEARCH BAR */
  prx.types.ios8_searchbar = {
  	name: 'ios8_searchbar'
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _props = prx.componentsHelper.getProp(item.textProperties,'props-text');
  
  		var _dims = prx.componentsHelper.getRealDims(item, symbol);
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios8-searchbar type-ios8-searchbar-text">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+'  input { color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' '+ _props + ' ;}';
  		cR += '#'+_id+' .ios8-searchbar-faux-input { color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' line-height: '+_dims.height+'px; '+ _props + ' }';
  		cR += '#'+_id+' .ios8-searchbar-faux-input-overlay .placeholder-input, #'+_id+' .ios8-searchbar-input-overlay .placeholder-input { color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+';  font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px;}';
  		if(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '') {
  			cR += '#' + _id + ' .ios8-searchbar-icon { width: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; background-image: url('+prx.componentsHelper.getProp(item.imgSrc,'asset')+');}';
  			cR += '#' + _id + ' .ios8-searchbar-icon-faux { width: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px;}';
  		}
  		cR += '#'+_id+' .ios8-searchbar-input-flex { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; }';
  		cR += '#' + _id + ' .ios8-searchbar-icon-erase { width: '+(_dims.height*0.4)+'px; background-image: url('+prx.componentsHelper.getProp(item.imgSrc2,'asset')+'); color: '+prx.componentsHelper.getProp(item.placeholderColor,'color-text')+';}';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		if(prx.editor) {
  			cR += '<div class="ios8-searchbar-input-flex liveUpdate-backgroundColor liveUpdate-borderColor changeProperty-backgroundColor  changeProperty-borderColor changeProperty-borderWidth changeProperty-borderRadius">';
  			if(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '') {
  			cR += '<span class="ios8-searchbar-icon-faux"></span>';
  			}
  			cR += '<div class="ios8-searchbar-faux-input changeProperty-textColor changeProperty-textSize changeProperty-textFont" data-editableproperty="value">'+prx.componentsHelper.getProp(item.value,'text')+'</div>';
  			cR += '<div class="ios8-searchbar-faux-input-overlay liveUpdate-placeholderColor liveUpdate-backgroundColor">'+(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '' ? '<span class="ios8-searchbar-icon"></span>': '')+'<span class="placeholder-input">'+prx.componentsHelper.getProp(item.placeholder,'other')+'</span></div>';
  			cR += '<span class="ios8-searchbar-icon-erase"></span>';
  			cR += '</div>';
  		} else {
  			cR += '<div class="ios8-searchbar-input-flex liveUpdate-backgroundColor liveUpdate-borderColor changeProperty-backgroundColor  changeProperty-borderColor changeProperty-borderWidth changeProperty-borderRadius">';
  			if(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '') {
  			cR += '<span class="ios8-searchbar-icon-faux"></span>';
  			}
  			cR += '<input type="text" value="'+prx.componentsHelper.getProp(item.value,'other')+'" data-role="none" required class="real-input changeProperty-textColor changeProperty-textSize changeProperty-textFont" />';
  			cR += '<div class="ios8-searchbar-input-overlay">'+(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '' ? '<span class="ios8-searchbar-icon"></span>': '')+'<span class="placeholder-input">'+prx.componentsHelper.getProp(item.placeholder,'other')+'</span></div>';
  			cR += '<span class="ios8-searchbar-icon-erase"></span>';
  			cR += '</div>';
  		}
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,onResize: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		if(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '') {
  			$('#' + _id + ' .ios8-searchbar-icon, #' + _id + ' .ios8-searchbar-icon-faux').css('width', prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px');
  		}
  		$('#'+_id).find('.ios8-searchbar-icon-erase').css('width', (_dims.height*0.4)+'px')
  		$('#'+_id).find('.ios8-searchbar-faux-input').css('line-height', _dims.height+'px')
  	}
  	,afterDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item, symbol);
  
  
  		if(!prx.editor) {
  			$('#'+_id)
  				.hammer()
  				.find('.real-input')
  				.focus(function(){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputfocus'] = { value: $(this).val() }
  					$('#'+_id).trigger('inputfocus');
  				})
  				.blur(function(){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputblur'] = { value: $(this).val() };
  			        $('#'+_id).trigger('inputblur');
  				})
  				.keyup(function(e){
  					if(typeof(prx.variables._triggerData['#'+_id]) == "undefined") { prx.variables._triggerData['#'+_id] = {}; }
  			        prx.variables._triggerData['#'+_id]['inputkeyup'] = { value: $(this).val() };
  					var event = jQuery.Event("inputkeyup");
  					event.which = e.which;
  					$('#'+_id).trigger(event);
  				})
  				.on('input', function(){
  					if($(this).val() == "") {
  						$('#'+_id+' input + div .placeholder-input').css('display', 'block');
  					} else {
  						$('#'+_id+' input + div .placeholder-input').css('display', 'none');
  					}
  				}).trigger('input');
  
  			prx.actions.disableFlashActionOnItemTap('#' + _id, '.flashactiontap-afterdisplay');
  
  			$('#' + _id + ' .ios8-searchbar-icon-erase').hammer().on('tap', function() {
  				$('#'+_id+' .real-input').val('').focus().trigger('input');
  			});
  			prx.actions.disableFlashActionOnItemTap('#' + _id + ' .ios8-searchbar-icon-erase', '.flashactiontap-afterdisplay');
  		}
  	}
  	,interactions: [ prx.commonproperties.actions ]
      ,mpactions: {
      	specialEvents: ['inputfocus','inputblur','inputkeyup']
      }
  	,editableProperties: [
                		{
  	    	caption: 'Value'
  	    	,name: 'value'
  	    	,type: 'input'
  			,isRichText: false
  	    	,value: function(item,name) {
  	    		return item.value;
  	    	}
  	    	,changeProperty: {
  				caption: 'Value',
  				property: 'input-value',
  				selector: 'input.real-input',
  				transitionable: false
  			}
  	    }
        ]
  	,propertyGroups: [
  		{
  			caption: 'Style',
  			properties: [
  				[
  					prx.commonproperties.ios7BackgroundColor
  				]
  				,[
  					prx.commonproperties.borderWidth
  					,prx.commonproperties.ios7BorderColor
  					,prx.commonproperties.borderRadiusExpandable
  				]
  			]
  		},{
  			caption: 'Text',
  			properties: [
  				[
  					prx.commonproperties.textFont
  					,prx.commonproperties.textSize
  					,prx.commonproperties.ios7TextColor
  				],
  				[
  					prx.commonproperties.textProperties
  				]
  			]
  		},{
  			caption: 'Placeholder (If field is empty)',
  	    	properties: [
  				[
  					{
  						caption: 'Placeholder Text',
  						name: 'placeholder',
  						type: 'input',
  						value: function(item,name) {
  							return item.placeholder;
  						}
  						,changeProperty: {
  							caption: 'Placeholder',
  							rerender: true
  						}
  					}
  				],
  				[
  					{
  					   caption: 'Placeholder Color',
  					   name: 'placeholderColor',
  					   proptype: 'placeholder-color',
  					   type: 'combo-colorpicker',
  					   value: function(item,name) {
  						   if(typeof(item.placeholderColor)=='undefined') { return '999999'; }
  						   return item.placeholderColor;
  					   }
  					   ,values: prx.comps.ios7Colors
  					   ,liveUpdate:'color'
  					   ,changeProperty: {
  							caption: 'Placeholder color',
  							rerender: true
  						}
  				   }
  				]
  			]
  		},
  		{
    		    caption: 'Icon',
    		    properties: [
    		        [
    					{
  						caption: false,
  						name: 'imgSrc',
  						type: 'combo-asset',
  						displayValue: function(item,name) {
  							if(item.imgSrc.fileId == '') {
  	      						return 'No asset selected.';
  	      					}
  	      					return item.imgSrc.name;
  						}
  						,value: function(item,name) {
  							return JSON.stringify({
  								allow: 'image',
  								asset: item.imgSrc
  							});
  						}
  						,changeProperty: {
  	                		caption: 'Icon',
  	                		rerender: true
  	                	}
  					}
    				]
    			]
    		}
  	]
  
  };
  
  //TYPE: LISTCOMPLEX
  prx.types.ios7_listcomplex = {
  	name: 'ios7_listcomplex'
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var cR = '';
  
  		if(typeof(item.textProperties) == "undefined") { item.textProperties = []; }
  		var _textprops = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  
  
  		if(typeof(item.subProperties) != "undefined") {
  			var _subprops = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.subProperties,'props-text') : '';
  
  		}
  		if(typeof(item.valueProperties) != "undefined") {
  			var _valueprops = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.valueProperties,'props-text') : '';
  		}
  		if(typeof(item.badgeProperties) != "undefined") {
  			var _badgeprops = prx.componentsHelper.getProp(item.badgeProperties,'props-text');
  		}
  
  		if(typeof(item.maintainstate) == "undefined") { item.maintainstate = false; }
  
  
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		// :(
  		var _listitemH = (_dims.height - prx.componentsHelper.getProp(item.borderWidth,'num-border-width')*(item.listitems.length+1))/item.listitems.length;
  
  		var hasThumbs = false;
  		for(var i=0;i<item.listitems.length;i++) {
  			if(typeof(item.listitems[i].thumbnail) != "undefined" && item.listitems[i].thumbnail.fileId != '') {
  				hasThumbs = true;
  				break;
  			}
  		}
  
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-list">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#' + _id + ' .ios7-list-inner { text-align: '+prx.componentsHelper.getProp(item.textAlign,'align')+'; '+prx.css.flexJustifyContent(prx.componentsHelper.getProp(item.textAlign,'align'))+' background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; border: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+';  }';
  		cR += '#' + _id + ' .ios7-list-thumb { width: '+parseInt(_listitemH*0.6)+'px }';
  		if(typeof(item.iconSize) != "undefined") {
  			cR += '#' + _id + ' .ios7-list-icon { width: '+parseInt(_listitemH*(prx.componentsHelper.getProp(item.iconSize,'icon-size')/5))+'px; height: '+parseInt(_listitemH*(prx.componentsHelper.getProp(item.iconSize,'icon-size')/5))+'px; }';
  		}
  		cR += '#' + _id + ' .bordered-container { border-top: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; }'
  		cR += '#' + _id + ' .ios7-list-text { '+_textprops+' }';
  		cR += '#' + _id + ' .ios7-list-subtitle { '+prx.componentsHelper.getProp(item.subFont,'font-family')+_subprops+' font-size: '+prx.componentsHelper.getProp(item.subSize,'num-text-size')+'px; color: '+prx.componentsHelper.getProp(item.subColor,'color-text')+'; }'
  		cR += '#' + _id + ' .ios7-list-badge { '+prx.componentsHelper.getProp(item.badgeFont,'font-family')+_badgeprops+'; font-size: '+prx.componentsHelper.getProp(item.badgeSize,'num-text-size')+'px; color: '+prx.componentsHelper.getProp(item.badgeColor,'color-text')+'; background-color: '+prx.componentsHelper.getProp(item.badgeBackgroundColor,'color-background')+'; }';
  		cR += '#' + _id + ' .ios7-list-value { '+prx.componentsHelper.getProp(item.valueFont,'font-family')+_valueprops+'; font-size: '+prx.componentsHelper.getProp(item.valueSize,'num-text-size')+'px; color: '+prx.componentsHelper.getProp(item.valueColor,'color-text')+'; }'
  		cR += '#' + _id + ' label:active, #' + _id + ' input:checked + label { background: '+prx.componentsHelper.getProp(item.activeBackgroundColor,'color-background')+'; color: '+prx.componentsHelper.getProp(item.activeTextColor,'color-text')+'; }'
  		cR += '#' + _id + ' label:active .ios7-list-value, #' + _id + ' input:checked +  label .ios7-list-value { color: '+prx.componentsHelper.getProp(item.activeValueColor,'color-text')+'; }'
  		cR += '#' + _id + ' label:active .ios7-list-subtitle, #' + _id + ' input:checked + label .ios7-list-subtitle { color: '+prx.componentsHelper.getProp(item.activeSubColor,'color-text')+'; }'
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-list-inner liveUpdate-borderColor liveUpdate-textColor liveUpdate-backgroundColor changeProperty-backgroundColor changeProperty-textColor changeProperty-borderColor changeProperty-textAlign changeProperty-textFont changeProperty-textSize">';
  
  
  		$.each(item.listitems, function(i,elm){
  
  			var icon = '';
  			if(prx.componentsHelper.getProp(elm.itemtype,'other') == 'nested' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'checkbox' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'radio' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'nestedWithValue' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'withIcon' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'withIconAndValue' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'nestedWithBadge' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'withIconAndBadge' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'nestedWithBadgeAndValue') {
  				icon = '<div class="ios7-list-icon ios7-list-icon-'+prx.componentsHelper.getProp(item.iconpos,'icon-position')+'" '+((typeof (elm.buttonicon) != "undefined" && prx.componentsHelper.getProp(elm.buttonicon.fileId,'other') != '') ? 'style="background-image: url('+ prx.componentsHelper.getProp(elm.buttonicon,'asset')+');"' : '' ) + '></div>';
  			}
  
  			cR += '<div id="'+_id+'-listitems-'+i+'" class="dynamic-property ios7-list-listitem ios7-list-listitem-type-'+prx.componentsHelper.getProp(elm.itemtype,'other')+'" data-dynamic-property-index="'+i+'">';
  			if(prx.componentsHelper.getProp(elm.itemtype,'other') == 'checkbox' || prx.componentsHelper.getProp(elm.itemtype,'other') == 'radio' || prx.componentsHelper.getProp(item.maintainstate,'boolean')) {
  				cR += '<input type="'+((prx.componentsHelper.getProp(elm.itemtype,'other') == 'checkbox') ? 'checkbox': 'radio') +'" name="'+_id+'-checkbox" id="'+_id+'-checkbox-'+i+'" data-role="none" '+ ((typeof(elm.checked) != "undefined" && prx.componentsHelper.getProp(elm.checked,'boolean')) ? 'checked' : '') +' />';
  			}
  			//cR +='<label '+ (((elm.itemtype == 'checkbox' || elm.itemtype == 'radio') && elm.checked) ? 'class="liveUpdate-activeTextColor liveUpdate-activeBackgroundColor"' : '') +' for="'+_id+'-checkbox-'+i+'" ' +((elm.itemtype == 'checkbox' || elm.itemtype == 'radio' || item.maintainstate) ? ' data-clickable="true"' : '') + '>'
  			cR +='<label '+ (((prx.componentsHelper.getProp(elm.itemtype,'other') == 'checkbox' || prx.componentsHelper.getProp(elm.itemtype,'other') == 'radio') && prx.componentsHelper.getProp(elm.checked,'boolean')) ? 'class="liveUpdate-activeTextColor liveUpdate-activeBackgroundColor"' : '') +' for="'+_id+'-checkbox-'+i+'">'
  
  			if(prx.componentsHelper.getProp(item.iconpos,'icon-position') == "left") { cR += icon; }
  
  			if(hasThumbs) {
  				cR += '<div class="ios7-list-thumb" '+((typeof(elm.thumbnail) != "undefined" && prx.componentsHelper.getProp(elm.thumbnail.fileId,'other') != '') ? 'style="background-image: url('+ prx.componentsHelper.getProp(elm.thumbnail,'asset')+');"' : '') + '></div>';
  			}
  
  			cR += '<div class="bordered-container liveUpdate-borderColor">';
  
  			cR += '<div class="text-and-subtitle">';
  			cR += '<div class="ios7-list-text">';
  			cR += '<span data-editableproperty="text" data-dynamic-property-index="'+i+'">'+prx.componentsHelper.getProp(elm.text,'text-textarea')+'</span>';
  			cR += '</div>';
  			cR += '<div class="ios7-list-subtitle liveUpdate-subColor changeProperty-subColor changeProperty-subFont changeProperty-subSize">';
  			cR += '<span data-editableproperty="subtitle" data-dynamic-property-index="'+i+'">'+prx.componentsHelper.getProp(elm.subtitle,'text-textarea')+'</span>';
  			cR += '</div>';
  			cR += '</div>';
  
  			if(prx.componentsHelper.getProp(elm.itemtype,'other') == 'withValue' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'nestedWithValue' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'withIconAndValue' ||
  				prx.componentsHelper.getProp(elm.itemtype,'other') == 'nestedWithBadgeAndValue') {
  				cR += '<div class="ios7-list-value liveUpdate-valueColor changeProperty-valueColor changeProperty-valueFont changeProperty-valueSize">';
  				cR += '<span data-editableproperty="value" data-dynamic-property-index="'+i+'">'+prx.componentsHelper.getProp(elm.value,'text-textarea')+'</span>';
  				cR += '</div>';
  			}
  
  			if(prx.componentsHelper.getProp(elm.itemtype,'other') == 'withBadge' ||
  					prx.componentsHelper.getProp(elm.itemtype,'other') == 'nestedWithBadge' ||
  					prx.componentsHelper.getProp(elm.itemtype,'other') == 'withIconAndBadge' ||
  					prx.componentsHelper.getProp(elm.itemtype,'other') == 'nestedWithBadgeAndValue') {
  				cR += '<div class="ios7-list-badge liveUpdate-badgeColor changeProperty-badgeColor liveUpdate-badgeBackgroundColor changeProperty-badgeBackgroundColor changeProperty-badgeFont changeProperty-badgeSize">';
  				cR += '<span data-editableproperty="badgeText" data-dynamic-property-index="'+i+'">'+prx.componentsHelper.getProp(elm.badgeText,'text')+'</span>';
  				cR += '</div>';
  			}
  
  			if(prx.componentsHelper.getProp(item.iconpos,'icon-position') == "right") { cR += icon; }
  
  			cR += '</div>';
  
  			cR += '</label>';
  			cR += '</div>';
  		});
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,onResize: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  		var _listitemH = (_dims.height - item.borderWidth*(item.listitems.length+1))/item.listitems.length;
  
  		$('#' + _id + ' .ios7-list-thumb').width(parseInt(_listitemH*0.6));
  		$('#' + _id + ' .ios7-list-icon').width(parseInt(_listitemH*(prx.componentsHelper.getProp(item.iconSize,'icon-size')/5))).height(parseInt(_listitemH*(prx.componentsHelper.getProp(item.iconSize,'icon-size')/5)));
  	}
  	,propertyGroups:	[
  		{
  			caption: 'List',
  	    	properties: [
  				[
  					prx.commonproperties.ios7BackgroundColor
  					,{
  						caption: 'Active',
  						name: 'activeBackgroundColor',
  						proptype: 'background-color-2-active',
  						type: 'combo-colorpicker',
  						value: function(item,name){
  							return item.activeBackgroundColor
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate: 'background-color'
  						,changeProperty: {
  							caption: 'Active background color',
  							rerender: true
  						}
  
  					}
  				],[
  					{
  						caption: 'Border (px)',
  						name: 'borderWidth',
  						proptype: 'border-width',
  						type: 'combo-select',
  						value: function(item,name)
  						{
  							if(typeof(item.borderWidth) == "undefined") {
  								return 1;
  							}
  							return item.borderWidth;
  						},
  						values: { min: 0, max: 20, step: 2 }
  						,changeProperty: {
  							caption: 'Border width',
  							rerender: true
  						}
  
  					}
  					,prx.commonproperties.ios7BorderColor
  				],
  				[
  				{
  					caption: 'Maintain active state after touch end',
  					name: 'maintainstate',
  					type: 'onoff',
  					help: 'Enable to allow "Select active list item" interactions',
  					value: function(item,name)
  					{
  						if(typeof(item.maintainstate) == "undefined") {
  							return false;
  						}
  						return item.maintainstate;
  					}
  					,hiddenByDefault: function(item,name){
  						return (item.type == 'ios7_listcheckbox' || item.type == 'ios7_listradio');
  					}
  					,changeProperty: {
  						caption: 'Maintain active state',
  						rerender: true
  					}
  				}
  				]
  			]
  		},{
  			caption: 'Text',
  			properties: [
  				[
  					prx.commonproperties.textFontRichText('font-family','listitems.text')
  					,prx.commonproperties.textSizeRichText('font-size','listitems.text')
  					,prx.commonproperties.ios7TextColorRichText('color','listitems.text')
  				],
  				[
  					prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],['listitems.text'])
  					,prx.commonproperties.textAlignRichText('text-align','listitems.text')
  					,{
  						caption: 'Active',
  						name: 'activeTextColor',
  						proptype: 'font-color-2-active',
  						type: 'combo-colorpicker',
  						value: function(item,name){
  							return item.activeTextColor
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate: 'color'
  						,changeProperty: {
  							caption: 'Active text color',
  							property: 'color',
  							selector: 'input:checked + label',
  							transitionable: true
  						}
  
  					}
  				]
  			]
  		},{
  			caption: 'Subtitle',
  			properties: [
  				[
  					{
  						caption: false,
  						name: 'subFont',
  						proptype: 'font-family-2-subtitle',
  						type: 'select',
  						relatedEditableProperties: 'listitems.subtitle',
  						relatedCSSProperties: 'font-family',
  						value: function(item,name) { if (typeof(item.subFont) == "undefined") { return 'Helvetica, Arial, sans-serif'; } return item.subFont; },
  						values: function() { return prx.comps.fonts; }
  						,changeProperty: {
  							caption: 'Subtitle font',
  							property: 'font-family',
  							selector: '.subtitle',
  							transitionable: false
  						}
  
  					},{
  						caption: false,
  						name: 'subSize',
  						proptype: 'font-size-2-subtitle',
  						type: 'combo-select',
  						relatedEditableProperties: ['listitems.subtitle'],
  						relatedCSSProperties: 'font-size',
  						value: function(item,name) { if (typeof(item.subSize) == "undefined") {return 12;} return item.subSize; },
  						values: prx.comps.textsize
  						,changeProperty: {
  							caption: 'Subtitle font size',
  							property: 'font-size',
  							selector: '.subtitle',
  							transitionable: true
  						}
  
  					},{
  						caption: false,
  						name: 'subColor',
  						proptype: 'font-color-3-subtitle',
  						type: 'combo-colorpicker',
  						relatedEditableProperties: ['listitems.subtitle'],
  						relatedCSSProperties: 'color',
  						value: function(item,name) { if (typeof(item.subColor) == "undefined") {return '999999';} return item.subColor; }
  						,values: prx.comps.ios7Colors
  						,liveUpdate: 'color'
  						,changeProperty: {
  							caption: 'Subtitle color',
  							property: 'color',
  							selector: '.subtitle',
  							transitionable: true
  						}
  
  					}
  				],[
  					{
  						caption: false,
  						name: 'subProperties',
  						proptype: 'text-properties-2-subtitle',
  						type: 'checkbox',
  						relatedEditableProperties: ['listitems.subtitle'],
  						relatedCSSProperties: ['font-weight','font-style','text-decoration'],
  						value: function(item,name) { if(typeof(item.subProperties) == "undefined") {item.subProperties = [];} return item.subProperties; },
  						values: [
  							{ value: 'bold', displayValue: '', icon: 'text-bold'},
  							{ value: 'italic', displayValue: '', icon: 'text-italic'},
  							{ value: 'underline', displayValue: '', icon: 'text-underline'}
  						]
  						,changeProperty: {
  							caption: 'Subtitle text properties',
  							rerender: true,
  							changeable: false
  						}
  
  					}
  					,
  					{
  						caption: 'Active',
  						name: 'activeSubColor',
  						proptype: 'font-color-4-subtitle-active',
  						type: 'combo-colorpicker',
  						value: function(item,name){
  							if(typeof(item.activeSubColor) == "undefined") { return 'FFFFFF'; }
  							return item.activeSubColor
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate: 'color'
  						,changeProperty: {
  							caption: 'Subtitle color',
  							property: 'color',
  							selector: 'input:checked + label .subtitle',
  							transitionable: true
  						}
  
  					}
  				]
  			]
  		},{
  			caption: 'Value',
  			properties: [
  				[
  					{
  						caption: false,
  						name: 'valueFont',
  						proptype: 'font-family-3-value',
  						type: 'select',
  						relatedEditableProperties: ['listitems.value'],
  						relatedCSSProperties: 'font-family',
  						value: function(item,name) { return item.valueFont; },
  						values: function() { return prx.comps.fonts; }
  						,changeProperty: {
  							caption: 'Value font',
  							property: 'font-family',
  							selector: '.value',
  							transitionable: false
  						}
  
  					},{
  						caption: false,
  						name: 'valueSize',
  						proptype: 'font-size-3-value',
  						type: 'combo-select',
  						relatedEditableProperties: ['listitems.value'],
  						relatedCSSProperties: 'font-size',
  						value: function(item,name) { return item.valueSize; },
  						values: prx.comps.textsize
  						,changeProperty: {
  							caption: 'Value font size',
  							property: 'font-size',
  							selector: '.value',
  							transitionable: true
  						}
  
  					},{
  						caption: false,
  						name: 'valueColor',
  						proptype: 'font-color-5-value',
  						type: 'combo-colorpicker',
  						relatedEditableProperties: ['listitems.value'],
  						relatedCSSProperties: 'color',
  						value: function(item,name) { return item.valueColor; }
  						,values: prx.comps.ios7Colors
  						,liveUpdate: 'color'
  						,changeProperty: {
  							caption: 'Value color',
  							property: 'color',
  							selector: '.ios7-list-value',
  							transitionable: true
  						}
  					}
  				],[
  					{
  						caption: false,
  						name: 'valueProperties',
  						proptype: 'text-properties-3-value',
  						type: 'checkbox',
  						relatedEditableProperties: ['listitems.value'],
  						relatedCSSProperties: ['font-weight','font-style','text-decoration'],
  						value: function(item,name) { if(typeof(item.valueProperties) == "undefined") {item.valueProperties = [];} return item.valueProperties; },
  						values: [
  							{ value: 'bold', displayValue: '', icon: 'text-bold'},
  							{ value: 'italic', displayValue: '', icon: 'text-italic'},
  							{ value: 'underline', displayValue: '', icon: 'text-underline'}
  						]
  						,changeProperty: {
  							caption: 'Value text properties',
  							rerender: true,
  							changeable: false
  						}
  
  					}
  					,{
  						caption: 'Active',
  						name: 'activeValueColor',
  						proptype: 'font-color-6-value-active',
  						type: 'combo-colorpicker',
  						value: function(item,name){
  							return item.activeValueColor
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate: 'color'
  						,changeProperty: {
  							caption: 'Active value color',
  							property: 'color',
  							selector: 'input:checked + label .value',
  							transitionable: true
  						}
  
  					}
  				]
  			]
  		},
  		{
  			caption: 'Badge',
  			properties: [
  				[
  					{
  						caption: false,
  						name: 'badgeFont',
  						proptype: 'font-family-4-badge',
  						type: 'select',
  						value: function(item,name) { return item.badgeFont; },
  						values: function() { return prx.comps.fonts; }
  						,changeProperty: {
  							caption: 'Badge font',
  							property: 'font-family',
  							selector: '.badge',
  							transitionable: false
  						}
  
  					},{
  						caption: false,
  						name: 'badgeSize',
  						proptype: 'font-size-4-badge',
  						type: 'combo-select',
  						value: function(item,name) { return item.badgeSize; },
  						values: prx.comps.textsize
  						,changeProperty: {
  							caption: 'Badge font size',
  							property: 'font-size',
  							selector: '.badge',
  							transitionable: true
  						}
  
  					},{
  						caption: false,
  						name: 'badgeColor',
  						proptype: 'font-color-7-badge',
  						type: 'combo-colorpicker',
  						value: function(item,name) { return item.badgeColor; }
  						,values: prx.comps.ios7Colors
  						,liveUpdate: 'color'
  						,changeProperty: {
  							caption: 'Badge font color',
  							property: 'color',
  							selector: '.badge',
  							transitionable: true
  						}
  
  					}
  				],[
  					{
  						caption: false,
  						name: 'badgeProperties',
  						proptype: 'text-properties-4-badge',
  						type: 'checkbox',
  						value: function(item,name) { if(typeof(item.badgeProperties) == "undefined") {item.badgeProperties = [];} return item.badgeProperties; },
  						values: [
  							{ value: 'bold', displayValue: '', icon: 'text-bold'},
  							{ value: 'italic', displayValue: '', icon: 'text-italic'},
  							{ value: 'underline', displayValue: '', icon: 'text-underline'}
  						]
  						,changeProperty: {
  							caption: 'Badge text properties',
  							rerender: true
  						}
  
  					}
  					,{
  						caption: 'Background',
  						name: 'badgeBackgroundColor',
  						proptype: 'background-color-3-badge',
  						type: 'combo-colorpicker',
  						value: function(item,name){
  							return item.badgeBackgroundColor
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'background-color'
  						,changeProperty: {
  							caption: 'Badge background color',
  							property: 'background-color',
  							selector: '.badge',
  							transitionable: true
  						}
  
  					}
  				]
  
  			]
  		},{
  			caption: 'Icon',
  			properties: [
  				[
  					{
  						caption: false
  						,name: 'iconpos'
  						,type: 'select'
  						,value: function(item,name) {
  							return item.iconpos;
  						}
  						,values: [{value: 'left',displayValue: 'Left'},{value: 'right',displayValue: 'Right'}]
  						,changeProperty: {
  							caption: 'Icon position',
  							rerender: true,
  							changeable: false
  						}
  
  					}
  					,
  					{
  						caption: false
  						,name: 'iconSize'
  						,proptype: 'icon-size'
  						,type: 'select'
  						,value: function(item,name) {
  							return item.iconSize;
  						}
  						,values: [{ value: '1', displayValue: 'Very small'}, { value: '2', displayValue: 'Small'}, { value: '3', displayValue: 'Normal'}, { value: '4', displayValue: 'Large'}, { value: '5', displayValue: 'Full'}]
  						,changeProperty: {
  							caption: 'Icon size',
  							rerender: true,
  							changeable: false
  						}
  					}
  
  				]
  			]
  		}
  	]
  	,dynamicProperties: {
  		data: 'listitems'
  		,propertyCaption: 'List items'
    		,propertyName: 'List item'
  		,addCaption: 'Add list item'
  		,deleteCaption: 'Delete'
  		,blankItem: {
  			text: 'Label'
  			,itemtype: 'basic'
  			,value: 'Insert value'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""},
  			checked: false,
  			actions: []
  		}
  		,captionProperty: 'text'
  			,editableProperties: [
  				{
  					caption: 'Label'
  					,name: 'text'
  					,type: 'input'
  					,value: function(item,name,index) {
  						return item.listitems[index].text;
  					}
  					,changeProperty: {
  						caption: 'Label',
  						property: 'text',
  						selector: '.ios7-list-text',
  						transitionable: false
  					}
  
  				}
  			,
  			{
  				caption: 'Value'
  				,name: 'value'
  				,type: 'input'
  				,value: function(item,name,index) {
  					return item.listitems[index].value;
  				}
  			    ,hiddenByDefault: function(item,name,index){
  					return (item.listitems[index].itemtype != 'nestedWithValue' && item.listitems[index].itemtype != 'withValue' && item.listitems[index].itemtype != 'withIconAndValue' && item.listitems[index].itemtype != 'nestedWithBadgeAndValue');
  				}
  				,changeProperty: {
  					caption: 'Value Text',
  					property: 'text',
  					selector: '.ios7-list-value',
  					transitionable: false
  				}
  
  			}
  			,
  			{
  				caption: 'Badge text'
  				,name: 'badgeText'
  				,type: 'input'
  				,value: function(item,name,index) {
  					return item.listitems[index].badgeText;
  				}
  			    ,hiddenByDefault: function(item,name,index){
  					return (item.listitems[index].itemtype != 'withBadge' && item.listitems[index].itemtype != 'nestedWithBadge' && item.listitems[index].itemtype != 'withIconAndBadge' && item.listitems[index].itemtype != 'nestedWithBadgeAndValue');
  				}
  				,changeProperty: {
  					caption: 'Badge text',
  					property: 'text',
  					selector: '.ios7-list-badge',
  					transitionable: false
  				}
  
  
  			}
  			,
  			{
  				caption: 'Subtitle'
  				,name: 'subtitle'
  				,type: 'input'
  				,value: function(item,name,index) {
  					if(typeof(item.listitems[index].subtitle) == 'undefined') { return ''; }
  					return item.listitems[index].subtitle;
  				}
  				,changeProperty: {
  					caption: 'Subtitle Text',
  					property: 'text',
  					selector: '.ios7-list-subtitle',
  					transitionable: false
  				}
  			}
  		]
  		,interactions: [ prx.commonproperties.actions_listitems ]
  		,propertyGroups: [
  			{
  				caption:  'Style',
  				properties: [
  					[
  						{
  							caption: false //'List item Type'
  							,name: 'itemtype'
  							,type: 'select'
  							,value: function(item,name,index) {
  								if(typeof(item.listitems[index].itemtype) == "undefined") {
  									item.listitems[index].itemtype = 'basic'
  								}
  								return item.listitems[index].itemtype;
  							}
  							,values: [
  									  { value: 'basic', displayValue: 'Basic'}
  									  ,{ value: 'nested', displayValue: 'Nested'}
  									  ,{ value: 'withIcon', displayValue: 'With Icon' }
  									  ,{ value: 'checkbox', displayValue: 'Checkbox (On/off)'}
  									  ,{ value: 'radio', displayValue: 'Radio (On/off)'}
  									  ,{ value: 'withBadge', displayValue: 'With Badge' }
  									  ,{ value: 'withValue', displayValue: 'With Value'}
  									  ,{ value: 'nestedWithValue', displayValue: 'Nested with Value'}
  									  ,{ value: 'withIconAndValue', displayValue: 'With icon and value' }
  									  ,{ value: 'nestedWithBadge', displayValue: 'Nested with Badge' }
  									  ,{ value: 'withIconAndBadge', displayValue: 'With icon and badge' }
  									  ,{ value: 'nestedWithBadgeAndValue', displayValue: 'Nested with badge and value' }
  							],
  							onChange: function(item, index) {
  								switch(item.itemtype) {
  								case 'basic':
  									$('#property-buttonicon, #property-value, #property-checked, #property-badgeText').hide();
  									break;
  								case 'withIcon':
  								case 'withIconAndValue':
  								case 'withIconAndBadge':
  									item.buttonicon = {"fileId":"","name":"","assetType":"icon","url":""};
  									return item;
  									break;
  								case 'nested':
  								case 'nestedWithValue':
  								case 'nestedWithBadge':
  								case 'nestedWithBadgeAndValue':
  									item.buttonicon = {"fileId":"308d48427cd7846bd86b679eabd077ae.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"};
  									return item;
  									break;
  								case 'checkbox':
  								case 'radio':
  									item.buttonicon = {"fileId":"0e4b53af477f69a7a69a6e13e4a63640.svg","name":"check.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/34d6599607c21d5f87e5d30af9449c1c.svg","targetSrc":"generated/34d6599607c21d5f87e5d30af9449c1c_1b9af7.svg","color":"1B9AF7"};
  									return item;
  									break;
  								case 'withValue':
  									$('#property-buttonicon, #property-checked, #property-badgeText').hide()
  									$('#property-value').show();
  									break;
  								case 'withBadge':
  									$('#property-buttonicon, #property-checked, #property-value').hide()
  									$('#property-badgeText').show();
  									break;
  								default: break;
  								}
  								return false;
  							}
  							,changeProperty: {
  								caption: 'Listitem type',
  								rerender: true
  							}
  
  
  						}
  					]]
  				}
  				,
  				{
  					caption: 'Thumbnail',
  					properties: [
  					[
  						{
  							caption: false
  							,name: 'thumbnail'
  							,type: 'combo-asset'
  							,displayValue: function(item,name,index) {
  								if(typeof(item.listitems[index].thumbnail) == 'undefined' || item.listitems[index].thumbnail.fileId == '') {
  									return 'No thumbnail selected';
  								}
  								return item.listitems[index].thumbnail.name;
  							}
  							,value: function(item,name,index) {
  								return JSON.stringify({
  									allow: 'image',
  									asset: item.listitems[index].thumbnail
  								});
  							}
  							,changeProperty: {
  								caption: 'Thumbnail',
  								rerender: true
  							}
  
  						}
  					]]
  				}
  				,
  				{
  					caption: 'Icon',
  					properties: [[
  						{
  							caption: false
  							,name: 'buttonicon'
  							,type: 'combo-asset'
  							,displayValue: function(item,name,index) {
  								if(item.listitems[index].buttonicon.fileId == '') {
  									return 'No icon selected';
  								}
  								return item.listitems[index].buttonicon.name;
  							}
  							,value: function(item,name,index) {
  								return JSON.stringify({
  									allow: 'image',
  									asset: item.listitems[index].buttonicon
  								});
  							}
  							,hiddenByDefault: function(item,name,index){
  								return (item.listitems[index].itemtype != 'nested' && item.listitems[index].itemtype != 'withIcon' && item.listitems[index].itemtype != 'withIconAndValue' && item.listitems[index].itemtype != 'nestedWithValue' && item.listitems[index].itemtype != 'checkbox' && item.listitems[index].itemtype != 'withIconAndBadge' && item.listitems[index].itemtype != 'nestedWithBadgeAndValue' && item.listitems[index].itemtype != 'nestedWithBadge' && item.listitems[index].itemtype != 'radio');
  							}
  							,changeProperty: {
  								caption: 'Icon',
  								rerender: true
  							}
  
  						}
  					]]
  				},
  				{
  					caption: 'Checkbox state',
  					properties: [[
  						{
  							caption: 'Checked?'
  							,name: 'checked'
  							,type: 'onoff'
  							,value: function(item,name,index){
  								return item.listitems[index].checked;
  							}
  							,hiddenByDefault: function(item,name,index){
  								return (item.listitems[index].itemtype != 'checkbox' && item.listitems[index].itemtype != 'radio');
  							}
  							,changeProperty: {
  								caption: 'Checkbox active state',
  								rerender: true
  							}
  
  						}
  					]
  				]
  			}
  		]
  	}
  }
  
  // TYPE = LISTNESTED
  prx.types.ios7_listnested = prx.componentsHelper.cloneobject(prx.types.ios7_listcomplex);
  prx.types.ios7_listnested.name = 'ios7_listnested';
  prx.componentsHelper.removeProperties(prx.types.ios7_listnested.propertyGroups, ['valueFont', 'valueSize', 'valueColor', 'valueProperties', 'activeValueColor', 'badgeFont', 'badgeSize', 'badgeColor', 'badgeProperties', 'badgeGlassStyle', 'badgeBackgroundColor']);
  prx.componentsHelper.removeProperties(prx.types.ios7_listnested.dynamicProperties.propertyGroups, ['itemtype', 'value', 'badgeText']);
  prx.types.ios7_listnested.dynamicProperties.blankItem = prx.componentsHelper.removeObjMembers(prx.types.ios7_listnested.dynamicProperties.blankItem, ['value', 'checked', 'badgeText']);
  prx.types.ios7_listnested.dynamicProperties.blankItem.itemtype = 'nested';
  prx.types.ios7_listnested.dynamicProperties.blankItem.buttonicon = {"fileId":"308d48427cd7846bd86b679eabd077ae.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"};
  prx.types.ios7_listnested.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listnested.dynamicProperties.propertyGroups, 'itemtype', 'value', 'nested');
  prx.types.ios7_listnested.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listnested.dynamicProperties.propertyGroups, 'itemtype', 'hiddenByDefault', true);
  prx.types.ios7_listnested.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listnested.dynamicProperties.propertyGroups, 'buttonicon', 'hiddenByDefault', false);
  
  // TYPE = LISTBASIC
  prx.types.ios7_listbasic = prx.componentsHelper.cloneobject(prx.types.ios7_listnested);
  prx.types.ios7_listbasic.name = 'ios7_listbasic';
  prx.componentsHelper.removeProperties(prx.types.ios7_listbasic.propertyGroups, ['iconpos', 'iconSize'])
  prx.componentsHelper.removeProperties(prx.types.ios7_listbasic.dynamicProperties.propertyGroups, ['buttonicon']);
  prx.types.ios7_listbasic.dynamicProperties.blankItem = prx.componentsHelper.removeObjMembers(prx.types.ios7_listbasic.dynamicProperties.blankItem, ['buttonicon']);
  prx.types.ios7_listbasic.dynamicProperties.blankItem.itemtype = 'basic';
  prx.types.ios7_listbasic.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listbasic.dynamicProperties.propertyGroups, 'itemtype', 'value', 'basic');
  
  // TYPE = LISTWITHICON
  prx.types.ios7_listwithicon = prx.componentsHelper.cloneobject(prx.types.ios7_listnested);
  prx.types.ios7_listwithicon.name = 'ios7_listwithicon';
  prx.types.ios7_listwithicon.dynamicProperties.blankItem.itemtype = 'withIcon';
  prx.types.ios7_listwithicon.dynamicProperties.blankItem.buttonicon = {"fileId":"","name":"","assetType":"icon","url":""};
  prx.types.ios7_listwithicon.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listwithicon.dynamicProperties.propertyGroups, 'itemtype', 'value', 'withIcon');
  
  // TYPE = LISTWITHICONANDVALUE
  prx.types.ios7_listwithiconandvalue = prx.componentsHelper.cloneobject(prx.types.ios7_listcomplex);
  prx.types.ios7_listwithiconandvalue.name = 'ios7_listwithiconandvalue';
  prx.componentsHelper.removeProperties(prx.types.ios7_listwithiconandvalue.propertyGroups, [ 'badgeFont', 'badgeSize', 'badgeColor', 'badgeProperties', 'badgeGlassStyle', 'badgeBackgroundColor'])
  prx.componentsHelper.removeProperties(prx.types.ios7_listwithiconandvalue.dynamicProperties.propertyGroups, ['itemtype', 'checked', 'badgeText']);
  prx.types.ios7_listwithiconandvalue.dynamicProperties.blankItem = prx.componentsHelper.removeObjMembers(prx.types.ios7_listwithiconandvalue.dynamicProperties.blankItem, ['checked', 'badgeText']);
  prx.types.ios7_listwithiconandvalue.dynamicProperties.blankItem.itemtype = 'withIconAndValue';
  prx.types.ios7_listwithiconandvalue.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listwithiconandvalue.dynamicProperties.propertyGroups, 'itemtype', 'value', 'withIconAndValue');
  prx.types.ios7_listwithiconandvalue.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listwithiconandvalue.dynamicProperties.propertyGroups, 'itemtype', 'hiddenByDefault', true);
  prx.types.ios7_listwithiconandvalue.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listwithiconandvalue.dynamicProperties.propertyGroups, 'value', 'hiddenByDefault', false);
  
  
  // TYPE = LISTNESTEDWITHVALUE
  prx.types.ios7_listnestedwithvalue = prx.componentsHelper.cloneobject(prx.types.ios7_listwithiconandvalue);
  prx.types.ios7_listnestedwithvalue.name = 'ios7_listnestedwithvalue';
  prx.types.ios7_listnestedwithvalue.dynamicProperties.blankItem.itemtype = 'nestedWithValue';
  prx.types.ios7_listnestedwithvalue.dynamicProperties.blankItem.buttonicon = {"fileId":"308d48427cd7846bd86b679eabd077ae.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"};
  prx.types.ios7_listnestedwithvalue.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listnestedwithvalue.dynamicProperties.propertyGroups, 'itemtype', 'value', 'nestedWithValue');
  
  // TYPE = LISTWITHVALUE
  prx.types.ios7_listwithvalue = prx.componentsHelper.cloneobject(prx.types.ios7_listnestedwithvalue);
  prx.types.ios7_listwithvalue.name = 'ios7_listwithvalue';
  prx.componentsHelper.removeProperties(prx.types.ios7_listwithvalue.propertyGroups, ['iconpos', 'iconSize'])
  prx.componentsHelper.removeProperties(prx.types.ios7_listwithvalue.dynamicProperties.propertyGroups, ['buttonicon']);
  prx.types.ios7_listwithvalue.dynamicProperties.blankItem = prx.componentsHelper.removeObjMembers(prx.types.ios7_listwithvalue.dynamicProperties.blankItem, ['buttonicon']);
  prx.types.ios7_listwithvalue.dynamicProperties.blankItem.itemtype = 'withValue';
  prx.types.ios7_listwithvalue.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listwithvalue.dynamicProperties.propertyGroups, 'itemtype', 'value', 'withValue');
  
  // TYPE = LISTNESTEDWITHBADGE
  prx.types.ios7_listnestedwithbadge = prx.componentsHelper.cloneobject(prx.types.ios7_listcomplex);
  prx.types.ios7_listnestedwithbadge.name = 'ios7_listnestedwithbadge';
  prx.componentsHelper.removeProperties(prx.types.ios7_listnestedwithbadge.propertyGroups, ['valueFont', 'valueSize', 'valueColor', 'valueProperties', 'activeValueColor'])
  prx.componentsHelper.removeProperties(prx.types.ios7_listnestedwithbadge.dynamicProperties.propertyGroups, ['itemtype', 'value', 'checked']);
  prx.types.ios7_listnestedwithbadge.dynamicProperties.blankItem = prx.componentsHelper.removeObjMembers(prx.types.ios7_listnestedwithbadge.dynamicProperties.blankItem, ['value', 'checked']);
  prx.types.ios7_listnestedwithbadge.dynamicProperties.blankItem.itemtype = 'nestedWithBadge';
  prx.types.ios7_listnestedwithbadge.dynamicProperties.blankItem.buttonicon = {"fileId":"308d48427cd7846bd86b679eabd077ae.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"};
  prx.types.ios7_listnestedwithbadge.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listnestedwithbadge.dynamicProperties.propertyGroups, 'itemtype', 'value', 'nestedWithBadge');
  prx.types.ios7_listnestedwithbadge.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listnestedwithbadge.dynamicProperties.propertyGroups, 'itemtype', 'hiddenByDefault', true);
  prx.types.ios7_listnestedwithbadge.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listnestedwithbadge.dynamicProperties.propertyGroups, 'buttonicon', 'hiddenByDefault', false);
  
  // TYPE = LISTWITHICONANDBADGE
  prx.types.ios7_listwithiconandbadge = prx.componentsHelper.cloneobject(prx.types.ios7_listnestedwithbadge);
  prx.types.ios7_listwithiconandbadge.name = 'ios7_listwithiconandbadge';
  prx.types.ios7_listwithiconandbadge.dynamicProperties.blankItem.itemtype = 'withIconAndBadge';
  prx.types.ios7_listwithiconandbadge.dynamicProperties.blankItem.buttonicon = {"fileId":"","name":"","assetType":"icon","url":""};
  prx.types.ios7_listwithiconandbadge.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listwithiconandbadge.dynamicProperties.propertyGroups, 'itemtype', 'value', 'withIconAndBadge');
  
  
  // TYPE = LISTWITHBADGE
  prx.types.ios7_listwithbadge = prx.componentsHelper.cloneobject(prx.types.ios7_listnestedwithbadge);
  prx.types.ios7_listwithbadge.name = 'ios7_listwithbadge';
  prx.componentsHelper.removeProperties(prx.types.ios7_listwithbadge.propertyGroups, ['iconpos', 'iconSize'])
  prx.componentsHelper.removeProperties(prx.types.ios7_listwithbadge.dynamicProperties.propertyGroups, ['buttonicon']);
  prx.types.ios7_listwithbadge.dynamicProperties.blankItem = prx.componentsHelper.removeObjMembers(prx.types.ios7_listwithbadge.dynamicProperties.blankItem, ['buttonicon']);
  prx.types.ios7_listwithbadge.dynamicProperties.blankItem.itemtype = 'withBadge';
  prx.types.ios7_listwithbadge.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listwithbadge.dynamicProperties.propertyGroups, 'itemtype', 'value', 'withBadge');
  
  //TYPE = LISTRADIO
  prx.types.ios7_listradio = prx.componentsHelper.cloneobject(prx.types.ios7_listnested);
  prx.types.ios7_listradio.name = 'ios7_listradio';
  prx.types.ios7_listradio.dynamicProperties.blankItem.itemtype = 'radio';
  prx.types.ios7_listradio.dynamicProperties.blankItem.buttonicon = {"fileId":"0e4b53af477f69a7a69a6e13e4a63640.svg","name":"check.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/34d6599607c21d5f87e5d30af9449c1c.svg","targetSrc":"generated/34d6599607c21d5f87e5d30af9449c1c_1b9af7.svg","color":"1B9AF7"};
  prx.types.ios7_listradio.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listradio.dynamicProperties.propertyGroups, 'itemtype', 'value', 'radio');
  
  //TYPE = LISTCHECKBOX
  prx.types.ios7_listcheckbox = prx.componentsHelper.cloneobject(prx.types.ios7_listradio);
  prx.types.ios7_listcheckbox.name = 'ios7_listcheckbox';
  prx.types.ios7_listcheckbox.dynamicProperties.blankItem.itemtype = 'checkbox';
  prx.types.ios7_listcheckbox.dynamicProperties.blankItem.buttonicon = {"fileId":"0e4b53af477f69a7a69a6e13e4a63640.svg","name":"check.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/34d6599607c21d5f87e5d30af9449c1c.svg","targetSrc":"generated/34d6599607c21d5f87e5d30af9449c1c_1b9af7.svg","color":"1B9AF7"};
  prx.types.ios7_listcheckbox.dynamicProperties.propertyGroups = prx.componentsHelper.editProperty(prx.types.ios7_listcheckbox.dynamicProperties.propertyGroups, 'itemtype', 'value', 'checkbox');
  
  /* LIST HEADER */
  prx.types.ios7_list_header = {
  	name: "ios7_list_header"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  
  		var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-list-header">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-list-header-inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+prx.css.flexJustifyContent(prx.componentsHelper.getProp(item.textAlign,'align'))+_props+' }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-list-header-inner liveUpdate-backgroundColor liveUpdate-textColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-textColor changeProperty-textSize changeProperty-textFont changeProperty-text">';
  		cR += '<span data-editableproperty="text">'+prx.componentsHelper.getProp(item.text,'text-textarea')+'</span>';
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	editableProperties: [
          prx.commonproperties.text
  	],
  	propertyGroups: [
  			{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor,
  				]
  			]
  		},
  		{
  		    caption: 'Text',
  		    properties: [
  				[
  					prx.commonproperties.textFontRichText('font-family','text')
  					,prx.commonproperties.textSizeRichText('font-size','text')
  					,prx.commonproperties.ios7TextColorRichText('color','text')
  				],[
  					 prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text')
  					,prx.commonproperties.textAlignRichText('text-align','text')
  				]
  			]
  		}
  	]
  }
  
  /* ALERT */
  prx.types.ios7_alert = {
  	name: "ios7_alert"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-alert'+((item.name == 'ios10_vertical_alert') ? ' type-ios10-vertical-alert' : '')+'">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-alert-inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; }';
  		cR += '#'+_id+' .ios7-alert-buttons, #'+_id+' .ios7-alert-button { border-color: '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-alert-inner liveUpdate-backgroundColor liveUpdate-textColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-borderColor changeProperty-borderRadius changeProperty-borderWidth changeProperty-textColor changeProperty-textSize changeProperty-textFont">';
  		cR += '<div class="ios7-alert-title changeProperty-title">';
  		cR += '<span data-editableproperty="title">'+prx.componentsHelper.getProp(item.title,'text-html')+'</span>';
  		cR += '</div>';
  		cR += '<div class="ios7-alert-text changeProperty-text">';
  		cR += '<span data-editableproperty="text">'+prx.componentsHelper.getProp(item.text,'text-html')+'</span>';
  		cR += '</div>';
  		cR += '<div class="ios7-alert-buttons liveUpdate-borderColor" id="ios7-alert-dynamic-expand-wrapper" data-dynamic-expand="v">'
  		$.each(item.buttons, function(i,elm) {
  			var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(elm.textProperties,'props-text',false) : '';
  
  			cR += '<div id="'+_id+'-buttons-'+i+'" class="ios7-alert-button dynamic-property liveUpdate-borderColor liveUpdate-textColor-'+i+' changeProperty-borderColor changeProperty-textColor" data-dynamic-property-index="'+i+'" style="'+_props+' color: '+prx.componentsHelper.getProp(elm.textColor,'color-text')+';">';
  			cR += '<span data-editableproperty="text" data-dynamic-property-index="'+i+'">' + prx.componentsHelper.getProp(elm.text,'text-textarea') + '</span>';
  			cR += '</div>';
  		});
  		cR += '</div>';
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	editableProperties: [
              {
              	 caption: 'Title',
              	 name: 'title',
              	 type: 'input',
              	 value: function(item,name) { return item.title; },
              	 changeProperty: {
              		 caption: 'Title',
              		 selector: '.changeProperty-title',
              		 property: 'text',
              		 transitionable: false
              	 }
              }
              ,prx.commonproperties.text
  	],
  	propertyGroups: [
  			{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor,
  					{ caption: 'Border', name: 'borderColor', proptype: 'border-color', type: 'combo-colorpicker', value: function(item,name) { return item.borderColor; }, values: prx.comps.ios7Colors, liveUpdate: 'border-color', changeProperty: { caption: 'Border width', selector: '.changeProperty-borderWidth', property: 'border-width', transitionable: true } }
  					,prx.commonproperties.borderRadiusExpandable
  				]
  			]
  		},
  		{
  		    caption: 'Text',
  		    properties: [
  		        [    prx.commonproperties.textFontRichText('font-family',['text','title'])
  					,prx.commonproperties.textSizeRichText('font-size',['text','title'])
  					,prx.commonproperties.ios7TextColorRichText('color',['text','title'])
  				]
  			]
  		}
  	]
  	,dynamicProperties: {
     		data: 'buttons'
     		,propertyCaption: 'Buttons'
      	,propertyName: 'Button'
     		,addCaption: 'Add button'
     		,deleteCaption: 'Delete'
     		,captionProperty: 'text'
     		,blankItem: {
  			text: 'Label',
     			actions: [],
     			textColor: '#1B9AF7',
     			textProperties: []
     		}
     		,interactions: [ prx.commonproperties.actions_buttons ]
     		,editableProperties: [
    			{
   				caption: 'Text'
   				,name: 'text'
   				,type: 'input'
   				,value: function(item,name,index) {
   					return item.buttons[index].text;
   				}
   				,changeProperty: {
  					caption: 'Text',
  					selector: '.ios7-alert-button',
  					property: 'text',
  					transitionable: false
  				 }
   			}
    		],
    		propertyGroups: [
  	   		{
  	   		    caption: 'Text',
  	   		    properties: [
  	   		        [
  						prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text'),
  	   		         	{
  	   		         		caption: false,
  	   		         		name: 'textColor',
  	   		         		proptype: 'font-color-2-buttons',
  	   		         		type: 'combo-colorpicker',
  							relatedEditableProperties: 'text',
  							relatedCSSProperties: 'color',
  	   		         		value: function(item,name,index) { return item.buttons[index].textColor; },
  	   		         		values: prx.comps.ios7Colors,
  	   		         		liveUpdate: 'color',
  	   		         		changeProperty: {
  	   		         			caption: 'Text color',
  	   		         			selector: '.changeProperty-textColor',
  	   		         			property: 'color',
  	   		         			transitionable: true
  	   		         		}
  	   		         	}
  	   				]
  	   			]
  	   		}
    		 ]
  	}
  }
  
  
  /* ALERT */
  prx.types.ios7_actionsheet = {
  	name: "ios7_actionsheet"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		if( prx.componentsHelper.getProp(item.detachlast,'boolean') && item.buttons.length == 1) item.detachlast = false;
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-actionsheet">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-actionsheet-buttons { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; }';
  		if(prx.componentsHelper.getProp(item.detachlast,'boolean')) {
  			cR += '#'+_id+' .ios7-actionsheet-buttons:first-child { '+prx.css.flexJustifyGrow(item.buttons.length-1)+' }';
  		}
  		cR += '#'+_id+' .ios7-actionsheet-button { border-color: '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; }';
  		if(prx.componentsHelper.getProp(item.showtitle,'boolean') && item.buttons.length > 0) {
  			cR += '#'+_id+' .ios7-actionsheet-button-title { font-size: '+prx.componentsHelper.getProp(item.buttons[0].titleTextSize,'num-text-size')+'px; }';
  		}
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-actionsheet-inner">';
  		cR += '<div class="ios7-actionsheet-buttons liveUpdate-backgroundColor liveUpdate-textColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-borderColor changeProperty-borderRadius changeProperty-borderWidth changeProperty-textColor changeProperty-textSize changeProperty-textFont">'
  		$.each(item.buttons, function(i,elm) {
  			if(prx.componentsHelper.getProp(item.detachlast,'boolean') && i==item.buttons.length-1) { return }
  
  			var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(elm.textProperties,'props-text') : '';
  
  			cR += '<div id="'+_id+'-buttons-'+i+'" class="ios7-actionsheet-button '+((prx.componentsHelper.getProp(item.showtitle,'boolean') && i == 0) ? 'ios7-actionsheet-button-title ' : '')+'dynamic-property liveUpdate-borderColor liveUpdate-textColor-'+i+' changeProperty-borderColor" data-dynamic-property-index="'+i+'" style="'+_props+' color: '+prx.componentsHelper.getProp(elm.textColor,'color-text')+';">';
  			cR += '<span data-editableproperty="text" data-dynamic-property-index="'+i+'">' + prx.componentsHelper.getProp(elm.text,'text-textarea') + '</span>';
  			cR += '</div>';
  		});
  		cR += '</div>';
  		if(prx.componentsHelper.getProp(item.detachlast,'boolean')) {
  			cR += '<div class="ios7-actionsheet-buttons liveUpdate-backgroundColor liveUpdate-textColor liveUpdate-borderColor changeProperty-backgroundColor changeProperty-borderColor changeProperty-borderRadius changeProperty-borderWidth changeProperty-textColor changeProperty-textSize changeProperty-textFont">'
  			var i = item.buttons.length -1;
  			if(i>0) {
  				var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.buttons[i].textProperties,'props-text') : '';
  				cR += '<div id="'+_id+'-buttons-'+i+'" class="ios7-actionsheet-button dynamic-property liveUpdate-borderColor liveUpdate-textColor-'+i+' changeProperty-borderColor" data-dynamic-property-index="'+i+'" style="'+_props+' color: '+prx.componentsHelper.getProp(item.buttons[i].textColor,'color-text')+';">';
  				cR += '<span data-editableproperty="text" data-dynamic-property-index="'+i+'">' + prx.componentsHelper.getProp(item.buttons[i].text,'text-textarea') + '</span>';
  				cR += '</div>';
  				cR += '</div>';
  			}
  		}
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	propertyGroups: [
  			{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor,
  					{ caption: 'Border', name: 'borderColor', proptype: 'border-color', type: 'combo-colorpicker', value: function(item,name) { return item.borderColor; }, values: prx.comps.ios7Colors, liveUpdate: 'border-color', changeProperty: { caption: 'Border width', selector: '.changeProperty-borderWidth', property: 'border-width', transitionable: true } }
  					,prx.commonproperties.borderRadiusExpandable
  				]
  			]
  		},
  		{
  		    caption: 'Text',
  		    properties: [
  		        [
  					prx.commonproperties.textFontRichText('font-family','text')
  					,prx.commonproperties.textSizeRichText('font-size','text')
  				]
  			]
  		},
  		{
  		    caption: 'Advanced',
  		    properties: [
  		        [
  					{
  	           			caption: 'Detach last button'
  	           			,name: 'detachlast'
  	           			,type: 'onoff'
  	           			,value: function(item,name) {
  	           				return item.detachlast;
  	           			}
  		      			,changeProperty: {
  	   						rerender: true
  	   					}
  	      			}
  				]
  			]
  		}
  	]
  	,dynamicProperties: {
     		data: 'buttons'
     		,propertyCaption: 'Buttons'
      	,propertyName: 'Button'
     		,addCaption: 'Add button'
     		,deleteCaption: 'Delete'
     		,captionProperty: 'text'
     		,blankItem: {
  			text: 'Label',
     			actions: [],
     			textColor: '#1B9AF7',
     			titleTextSize: 16,
     			textProperties: []
     		}
     		,interactions: [ prx.commonproperties.actions_buttons_hiddenByDefault(function(item,name,index) { return (item.title && index ==0); }) ]
     		,editableProperties: [
    			{
   				caption: 'Text'
   				,name: 'text'
   				,type: 'input'
   				,value: function(item,name,index) {
   					return item.buttons[index].text;
   				}
   				,changeProperty: {
  					caption: 'Text',
  					selector: '.ios7-actionsheet-button',
  					property: 'text',
  					transitionable: false
  				 }
   			}
    		],
    		propertyGroups: [
  	   		{
  	   		    caption: 'Text',
  	   		    properties: [
  	   		        [
  						prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text'),
  	   		         	{
  	   		         		caption: false,
  	   		         		name: 'textColor',
  	   		         		proptype: 'font-color',
  	   		         		type: 'combo-colorpicker',
  							relatedEditableProperties: 'text',
  							relatedCSSProperties: 'color',
  	   		         		value: function(item,name,index) { return item.buttons[index].textColor; },
  	   		         		values: prx.comps.ios7Colors,
  	   		         		liveUpdate: 'color',
  	   		         		changeProperty: {
  	   		         			caption: 'Text color',
  	   		         			selector: '.changeProperty-textColor',
  	   		         			property: 'color',
  	   		         			transitionable: true
  	   		         		}
  	   		         	},
  	   		         {
  	   		         		caption: false,
  	   		         		name: 'titleTextSize',
  	   		         		proptype: 'font-size-2-title',
  	   		         		type: 'combo-select',
  							relatedEditableProperties: 'text',
  							relatedCSSProperties: 'font-size',
  	   		         		value: function(item,name,index) { return item.buttons[index].titleTextSize; },
  	   		         		values: prx.comps.textsize,
  	   		         		hiddenByDefault: function(item,name,index){
  	   		         			return (!(item.showtitle && index == 0))
  	   		         		},
  	   		         		changeProperty: {
  	   		         			caption: 'Title text size',
  	   		         			selector: '.ios7-actionsheet-button-title',
  	   		         			property: 'font-size',
  	   		         			transitionable: true
  	   		         		}
  	   		         	}
  	   				]
  	   			]
  	   		}
    		 ]
  	}
  }
  
  /* CONTROL POPOVER */
  prx.types.ios7_control_popover = {
  	name: "ios7_control_popover"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  
          if( typeof item.tooltipSide == 'undefined' )
              item.tooltipSide = 'bottom';
  
  		// tooltipSize is the vertical height of the half rotated rectangle. (see .popover-inner { border-bottom: tooltipSize })
  		// 2y will be the width and height of the rectangle.
  		var y = Math.ceil(Math.sqrt((prx.componentsHelper.getProp(item.tooltipSize,'num-other')*prx.componentsHelper.getProp(item.tooltipSize,'num-other'))/3));
  		// when rotated the rectangle exceeds the bottom boundary. x is the margin in need to move it upwards.
  		var x = prx.componentsHelper.getProp(item.tooltipSize,'num-other') - y;
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-control-popover">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-control-popover-inner { border-'+prx.componentsHelper.getProp(item.tooltipSide,'other')+'-width: '+prx.componentsHelper.getProp(item.tooltipSize,'num-other')+'px; }';
  		cR += '#'+_id+' .ios7-control-popover-buttons { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+_props+' }';
  		cR += '#'+_id+' .ios7-control-popover-button { border-left: '+prx.componentsHelper.getProp(item.borderWidth,'num-border-width')+'px solid '+prx.componentsHelper.getProp(item.borderColor,'color-border')+'; }';
  		cR += '#'+_id+' .ios7-control-popover-tooltip { '+prx.componentsHelper.getProp(item.tooltipSide,'other')+': 0; width: '+2*y+'px; height: '+y+'px; margin: 0 -'+(x+y)+'px; left: '+prx.componentsHelper.getProp(item.tooltipPosition,'num-percentage')+'%; padding: '+x+'px; padding-'+((prx.componentsHelper.getProp(item.tooltipSide,'other') == 'bottom') ? 'top' : 'bottom')+': 0; }';
  		cR += '#'+_id+' .ios7-control-popover-tooltip-inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; margin-'+((prx.componentsHelper.getProp(item.tooltipSide,'other') == 'bottom') ? 'top: -50%' : 'bottom: -50%')+'; }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-control-popover-inner">';
  		cR += '<div class="ios7-control-popover-tooltip">';
  		cR += '<div class="ios7-control-popover-tooltip-inner liveUpdate-backgroundColor  changeProperty-backgroundColor "></div>';
  		cR += '</div>';
  		cR += '<div class="ios7-control-popover-buttons liveUpdate-backgroundColor liveUpdate-textColor changeProperty-backgroundColor changeProperty-borderRadius changeProperty-borderWidth changeProperty-textColor changeProperty-textSize changeProperty-textFont">';
  		$.each(item.buttons, function(i,elm) {
  			cR += '<div id="'+_id+'-buttons-'+i+'" class="ios7-control-popover-button dynamic-property liveUpdate-borderColor" data-dynamic-property-index="'+i+'">';
  			cR += '<span data-editableproperty="text" data-dynamic-property-index="'+i+'">' + prx.componentsHelper.getProp(elm.text,'text-textarea') + '</span>';
  			cR += '</div>';
  		});
  		cR += '</div>';
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	propertyGroups: [
  			{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor,
  				]
  				,[
  					prx.commonproperties.borderWidth
  					,prx.commonproperties.ios7BorderColor
  					,prx.commonproperties.borderRadiusExpandable
  				]
  			]
  		},
  		{
  		    caption: 'Text',
  		    properties: [
  				[
  					prx.commonproperties.textFontRichText('font-family','buttons.text')
  					,prx.commonproperties.textSizeRichText('font-size','buttons.text')
  					,prx.commonproperties.ios7TextColorRichText('color','buttons.text')
  				],[
  					 prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'buttons.text')
  					,prx.commonproperties.textAlignRichText('text-align','buttons.text')
  				]
  			]
  		},
  		{
  		    caption: 'Tooltip',
  		    properties: [
  		        [
  					{
  						caption: 'Size',
  						name: 'tooltipSize',
  						proptype: 'tooltip-size',
  						type: 'combo-select',
  						value: function(item,name) { return item.tooltipSize; },
  						values: { min: 4, max: 40, step: 2 },
  						changeProperty: {
  							caption: 'Tooltip size',
  							rerender: true
  						}
  					},
                  ],
                  [
                      {
                          caption: 'Position',
                          name: 'tooltipSide',
                          proptype: 'tooltip-side',
                          type: 'select',
                          value: function(item,name) { return item.tooltipSide; },
                          values: [{ displayValue: 'Top', value: 'top' },{ displayValue: 'Bottom', value: 'bottom' }],
                          changeProperty: {
                              caption: 'Tooltip vertical position',
                              rerender: true
                          }
                      },
  					{
  						caption: false,
  						name: 'tooltipPosition',
  						proptype: 'tooltip-position',
  						type: 'combo-select',
  						value: function(item,name) { return item.tooltipPosition; },
  						values: { min: 0, max: 100, step: 5 },
  						liveUpdate: 'background-color',
  						changeProperty: {
  							caption: 'Tooltip horizontal position',
  							selector: '.changeProperty-activeBackgroundColor',
  							property: 'background-color',
  							transitionable: true
  						}
  					}
  				]
  			]
  		}
  	]
  	,dynamicProperties: {
     		data: 'buttons'
     		,propertyCaption: 'Buttons'
      	,propertyName: 'Button'
     		,addCaption: 'Add button'
     		,deleteCaption: 'Delete'
     		,captionProperty: 'text'
     		,blankItem: {
  			text: 'Label',
     			actions: []
     		}
     		,interactions: [ prx.commonproperties.actions_buttons ]
     		,editableProperties: [
    			{
   				caption: 'Text'
   				,name: 'text'
   				,type: 'input'
   				,value: function(item,name,index) {
   					return item.buttons[index].text;
   				}
   				,changeProperty: {
  					caption: 'Text',
  					selector: '.ios7-control-popover-button',
  					property: 'text',
  					transitionable: false
  				 }
   			}
    		]
  	}
  }
  
  /* POPOVER */
  prx.types.ios7_popover = {
  	name: "ios7_popover"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		// tooltipSize is the vertical height of the half rotated rectangle. (see .popover-inner { border-bottom: tooltipSize })
  		// 2y will be the width and height of the rectangle.
  		var y = Math.ceil(Math.sqrt((prx.componentsHelper.getProp(item.tooltipSize,'num-other')*prx.componentsHelper.getProp(item.tooltipSize,'num-other'))/3));
  		// when rotated the rectangle exceeds the bottom boundary. x is the margin in need to move it upwards.
  		var x = prx.componentsHelper.getProp(item.tooltipSize,'num-other') - y;
  
  		var topbottom = (prx.componentsHelper.getProp(item.tooltipSide,'num-other') == "top" || prx.componentsHelper.getProp(item.tooltipSide,'num-other') == "bottom");
  		var leftright = !topbottom;
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-popover">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-popover-inner { border-'+prx.componentsHelper.getProp(item.tooltipSide,'other')+'-width: '+prx.componentsHelper.getProp(item.tooltipSize,'num-other')+'px; }';
  		cR += '#'+_id+' .ios7-popover-body { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; }';
  		cR += '#'+_id+' .ios7-popover-tooltip { '+prx.componentsHelper.getProp(item.tooltipSide,'other')+': 0; width: '+((topbottom) ? 2*y : y) +'px; height: '+((leftright) ? 2*y : y)+'px; margin: '+((topbottom) ? '0 -'+(x+y)+'px' : '-'+(x+y)+'px 0' )+'; '+((topbottom) ? 'left' : 'top')+': '+prx.componentsHelper.getProp(item.tooltipPosition,'num-percentage')+'%; padding: '+x+'px; padding-'+((prx.componentsHelper.getProp(item.tooltipSide,'other') == 'bottom') ? 'top' : ((prx.componentsHelper.getProp(item.tooltipSide,'other') == "left") ? 'right' : ((prx.componentsHelper.getProp(item.tooltipSide,'other') == 'right') ? 'left' : 'bottom')))+': 0; }';
  		cR += '#'+_id+' .ios7-popover-tooltip-inner { '+((topbottom) ? 'height: 200%' : 'width: 200%')+';  margin-'+((prx.componentsHelper.getProp(item.tooltipSide,'other') == 'bottom') ? 'top: -50%' : ((prx.componentsHelper.getProp(item.tooltipSide,'other') == "left") ? 'right: -50%' : ((prx.componentsHelper.getProp(item.tooltipSide,'other') == 'right') ? 'left: -100%' : 'bottom: -50%')))+'; background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-popover-inner">';
  		cR += '<div class="ios7-popover-tooltip">';
  		cR += '<div class="ios7-popover-tooltip-inner liveUpdate-backgroundColor changeProperty-backgroundColor "></div>';
  		cR += '</div>';
  		cR += '<div class="ios7-popover-body liveUpdate-backgroundColor changeProperty-backgroundColor changeProperty-borderRadius"></div>';
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	propertyGroups: [
  			{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor,
  					{
  						caption: 'Border <span class="icon icon-border-radius" title="Border radius"></span>',
  						name: 'borderRadius',
  						proptype: 'border-radius',
  						type: 'combo-select',
  						value: function(item,name) { return item.borderRadius; },
  						values: { min: 0, max: 40, step: 2 },
  						expandedValues: ["tl", "tr", "bl", "br"],
  						changeProperty: {
  							caption: 'Border radius',
  							selector: '.changeProperty-borderRadius',
  							property: 'border-radius',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},
  		{
  		    caption: 'Tooltip',
  		    properties: [
  		        [
  					{
  						caption: 'Size',
  						name: 'tooltipSize',
  						proptype: 'tooltip-size',
  						type: 'combo-select',
  						value: function(item,name) { return item.tooltipSize; },
  						values: { min: 4, max: 40, step: 2 },
  						changeProperty: {
  							caption: 'Tooltip size',
  							rerender: true
  						}
  					}
  				],
  				[
  					{
  						caption: 'Position',
  						name: 'tooltipSide',
  						proptype: 'tooltip-side',
  						type: 'select',
  						value: function(item,name) { return item.tooltipSide; },
  						values: [{ displayValue: 'Top', value: 'top' },{ displayValue: 'Bottom', value: 'bottom' },{ displayValue: 'Left', value: 'left' },{ displayValue: 'Right', value: 'right' }],
  						changeProperty: {
  							caption: 'Tooltip position',
  							rerender: true
  						}
  					},
  					{
  						caption: false,
  						name: 'tooltipPosition',
  						proptype: 'tooltip-position',
  						type: 'combo-select',
  						value: function(item,name) { return item.tooltipPosition; },
  						values: { min: 0, max: 100, step: 5 },
  						changeProperty: {
  							caption: 'Tooltip horizontal position',
  							selector: '.changeProperty-activeBackgroundColor',
  							property: 'background-color',
  							transitionable: true
  						}
  					}
  				]
  			]
  		}
  	]
  }
  
  
  //TYPE: PROGRESSBAR
  prx.types.ios7_progressbar = {
  	name: 'ios7_progressbar'
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-progressbar">';
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .progressbar-bar { background-color: '+prx.componentsHelper.getProp(item.barColor,'color-background')+'; }'
  		cR += '#'+_id+' .progressbar-bar-filled { width: '+prx.componentsHelper.getProp(item.progress,'num-percetage')+'%; background-color: '+prx.componentsHelper.getProp(item.fillBarColor,'color-fill')+' }'
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  		cR += '<div class="progressbar-bar liveUpdate-barColor">';
  		cR += '<div class="progressbar-bar-filled liveUpdate-fillBarColor"></div>';
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,propertyGroups:	[
  
  		{
  			caption: 'Style',
  			properties: [
  				[
  					{
  						caption: 'Color'
  						,name: 'barColor'
  						,proptype: 'background-color'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.barColor;
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'background-color'
  		      	    	,changeProperty: {
  							caption: 'Color',
  							property: 'background-color',
  							selector: '.slider-bar',
  							transitionable: true
  						}
  
  					},
  					{
  						caption: 'Fill Color'
  						,name: 'fillBarColor'
  						,proptype: 'background-color-2-fill'
  						,type: 'combo-colorpicker'
  						,value: function(item,name) {
  							return item.fillBarColor;
  						}
  						,values: prx.comps.ios7Colors
  						,liveUpdate:'background-color'
  		      	    	,changeProperty: {
  							caption: 'Fill Color',
  							property: 'background-color',
  							selector: '.progressbar-bar-filled',
  							transitionable: true
  						}
  					}
  				]
  				,[
  					{
  						caption: 'Progress (%)'
  						,name: 'progress'
  						,type: 'combo-select'
  						,value: function(item,name) {
  							return item.progress;
  						}
  						,values: { min: 0, max: 100, step: 10 }
  						,changeProperty: {
  							caption: 'Progress',
  							property: 'percent-width',
  							selector: '.progressbar-bar-filled',
  							transitionable: true
  
  
  						}
  					}
  				],
  
  			]
  		}
  	]
  }
  
  /* BADGE */
  prx.types.ios7_badge = {
  	name: "ios7_badge"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  
  		//var _props = prx.componentsHelper.getProp(item.textProperties,'props-text');
  		var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios7-badge">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios7-badge-inner { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+_props+' }';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios7-badge-inner changeProperty-text liveUpdate-backgroundColor liveUpdate-textColor changeProperty-backgroundColor changeProperty-textColor changeProperty-textFont changeProperty-textSize changeProperty-borderRadius">';
  		cR += '<span data-editableproperty="text">'+prx.componentsHelper.getProp(item.text,'text-textarea')+'</span> '
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	},
  	editableProperties: [ prx.commonproperties.text ],
  	propertyGroups: [
  			{
  		    caption: 'Style',
  		    properties: [
  		        [
  					prx.commonproperties.ios7BackgroundColor,
  					{
  						caption: 'Border <span class="icon icon-border-radius" title="Border radius"></span>',
  						name: 'borderRadius',
  						proptype: 'border-radius',
  						type: 'combo-select',
  						value: function(item,name) { return item.borderRadius; },
  						values: { min: 0, max: 40, step: 2 },
  						expandedValues: ["tl", "tr", "bl", "br"],
  						changeProperty: {
  							caption: 'Border radius',
  							selector: '.changeProperty-borderRadius',
  							property: 'border-radius',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},
  		{
  		    caption: 'Text',
  		    properties: [
  				[
  					prx.commonproperties.textFontRichText('font-family','text')
  					,prx.commonproperties.textSizeRichText('font-size','text')
  					,prx.commonproperties.ios7TextColorRichText('color','text')
  				],[
  					prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text')
  				]
  			]
  		}
  	]
  }
  
  /* MAP TAG */
  prx.types.ios8_map_tag = {
  	name: "ios8_map_tag"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var dims = prx.componentsHelper.getRealDims(item, symbol);
  
  		//var _props = prx.componentsHelper.getProp(item.textProperties,'props-text');
  
  		//var _duration_props = prx.componentsHelper.getProp(item.durationProperties,'props-text');
  
  		var borderRadius = 10;
  
  		var cR = '';
  		cR += '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios8-map-tag">';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#' + _id + ' .ios8-map-tag-wrapper { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(borderRadius,'border-radius')+'; }';
  		cR += '#' + _id + ' .ios8-map-tag-point { border-top-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-border')+';}';
  		cR += '#' + _id + ' .ios8-map-tag-point { bottom: -'+Math.ceil((dims.height*0.5)-1)+'px; margin-left: -'+(Math.ceil(dims.height*0.25))+'px; border-width: '+Math.ceil(dims.height*0.25)+'px;}';
  		cR += '#' + _id + ' .ios8-map-tag-text { color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px;}';
  		cR += '#' + _id + ' .ios8-map-tag-duration { color: '+prx.componentsHelper.getProp(item.durationColor,'color-text')+'; '+prx.componentsHelper.getProp(item.durationFont,'font-family')+' font-size: '+prx.componentsHelper.getProp(item.durationSize,'num-text-size')+'px;}';
  
  		cR += '#' + _id + ' .ios8-map-tag-left-info { width: '+dims.height+'px; background-color: '+prx.componentsHelper.getProp(item.durationBgColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(borderRadius,'border-radius')+' 0 0 '+prx.componentsHelper.getProp(borderRadius,'border-radius')+';}';
  		if(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '') {
  			cR += '#' + _id + ' .ios8-map-tag-icon-left {  background-image: url('+prx.componentsHelper.getProp(item.imgSrc,'asset')+'); }';
  		}
  		if(prx.componentsHelper.getProp(item.imgSrc2.fileId,'other') != '') {
  			cR += '#' + _id + ' .ios8-map-tag-icon-right { background-image: url('+prx.componentsHelper.getProp(item.imgSrc2,'asset')+'); }';
  		}
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<span class="ios8-map-tag-point liveUpdate-backgroundColor-border-top-color changeProperty-backgroundColor-border-top-color"></span>';
  		cR += '<div class="ios8-map-tag-wrapper liveUpdate-backgroundColor-background-color changeProperty-backgroundColor-background-color">';
  		if(prx.componentsHelper.getProp(item.showThumb,'boolean') == true) {
  			cR += '<div class="ios8-map-tag-left-info liveUpdate-durationBgColor changeProperty-durationBgColor">';
  			if(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '') {
  				cR += '<div class="ios8-map-tag-icon-left"></div>';
  			}
  			cR += '<div class="ios8-map-tag-duration liveUpdate-durationColor changeProperty-durationColor changeProperty-durationSize changeProperty-durationFont" data-editableproperty="duration">'+prx.componentsHelper.getProp(item.duration,'text-textarea')+'</div>';
  			cR += '</div>';
  		}
  		cR += '<div class="ios8-map-tag-text liveUpdate-textColor changeProperty-textColor changeProperty-textSize changeProperty-textFont"><span data-editableproperty="text">'+prx.componentsHelper.getProp(item.text,'text-textarea')+'</span></div>';
  		if(prx.componentsHelper.getProp(item.imgSrc2.fileId,'other') != '') {
  			cR += '<div class="ios8-map-tag-icon-right actions-actions1"></div>';
  		}
  		cR += '</div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,onResize: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _height = prx.componentsHelper.getRealDims(item, symbol).height;
  
  		$('#'+_id).find('.ios8-map-tag-left-info').width(_height);
  
  		$('#' + _id).find('.ios8-map-tag-point').css({
  			'border-width': Math.ceil(prx.componentsHelper.getProp(item.height,'num-other')*0.25)+'px',
  			'margin-left': '-'+(Math.ceil(prx.componentsHelper.getProp(item.height,'num-other')*0.25))+'px',
  			'bottom': '-'+Math.ceil((prx.componentsHelper.getProp(item.height,'num-other')*0.5)-1)+'px'
  		});
  
  	}
  	,interactions: [
          prx.commonproperties.actions,
          {
  			caption: 'Arrow',
  			name: 'actions1',
  			type: 'action',
  			value: function(item,name) {
  				if(typeof(item.actions1) == "undefined") {
  					if (typeof(item.actions) == "undefined") {
  						item.actions1 = [];
  					} else {
  						item.actions1 = item.actions;
  					}
  				}
  				return item.actions1.length;
  			}
  			,hiddenByDefault: function(item) {
  				return (item.imgSrc2.fileId == '');
  			}
  		}
      ]
  	,editableProperties: [
          {
  			caption: 'Text'
  			,name: 'text'
  			,type: 'input'
  			,value: function(item,name) {
  				return item.title;
  			}
          	,changeProperty: {
          		caption: 'Text',
          		selector: '.ios8-map-tag-text',
          		property: 'text',
          		transitionable: false
          	}
  		},
          {
  			caption: 'Duration'
  			,name: 'duration'
  			,type: 'input'
  			,value: function(item,name) {
  				return item.duration;
  			}
          	,changeProperty: {
          		caption: 'Duration',
          		selector: '.ios8-map-tag-duration',
          		property: 'text',
          		transitionable: false
          	}
  		}
    	]
  	,propertyGroups: [
    		{
    		    caption: 'Style',
    		    properties: [
    		        [
    		         	{
    		         		caption: 'Background',
    		         		name: 'backgroundColor',
    		         		proptype: 'background-color',
    		         		type: 'colorpicker',
    		         		value: function(item,name) { return item.backgroundColor; },
    		         		liveUpdate: 'background-color,border-top-color',
    		         		changeProperty: {
    		         			caption: 'Background color',
    		         			selector: '.changeProperty-backgroundColor',
    		         			property: 'background-color,border-top-color',
    		         			transitionable: true
  	         			}
  	         		}
    				]
    			]
    		},
    		{
  		    caption: 'Text',
  		    properties: [
  				[
  					prx.commonproperties.textFontRichText('font-family','text')
  					,prx.commonproperties.textSizeRichText('font-size','text')
  					,prx.commonproperties.textColorRichText('color','text')
  				],[
  					prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text')
  				]
  			]
  		},
    		{
    		    caption: 'Duration box',
    		    properties: [
    		        [
    		         	{
  						caption: 'Show?'
  						,name: 'showThumb'
  						,type: 'onoff'
  						,value: function(item,name,index){
  							return item.showThumb;
  						}
  	  		         	,onChange: function(item){
  							if(item.showThumb) {
  								$('#property-durationFont, #property-durationSize, #property-durationColor, #property-durationProperties, #property-durationBgColor, #property-imgSrc').show();
  							} else {
  								$('#property-durationFont, #property-durationSize, #property-durationColor, #property-durationProperties, #property-durationBgColor, #property-imgSrc').hide();
  							}
  						}
  						,changeProperty: {
  							caption: 'Show Thumbnail',
  							rerender: true
  						}
  
  					}
    		         ],
    		         [
  					{
  						caption: false,
  						name: 'durationFont',
  						proptype: 'font-family-2-duration',
  						type: 'select',
  						relatedEditableProperties: 'duration',
  						relatedCSSProperties: 'font-family',
  						value: function(item,name) { return item.durationFont; },
  						values: function(){ return prx.comps.fonts },
  						changeProperty: { caption: 'Duration font', selector: '.changeProperty-durationFont', property: 'font-family', transitionable: false }
  						,hiddenByDefault: function(item) {
  				    		return !item.showThumb;
  				    	}
  					},
  					{
  						caption: false,
  						name: 'durationSize',
  						proptype: 'font-size-2-duration',
  						type: 'combo-select',
  						relatedEditableProperties: 'duration',
  						relatedCSSProperties: 'font-size',
  						value: function(item,name) { return item.durationSize; },
  						values: prx.comps.textsize,
  						changeProperty: {
  							caption: 'Duration size',
  							selector: '.changeProperty-durationSize',
  							property: 'font-size',
  							transitionable: true
  						}
  						,hiddenByDefault: function(item) {
  				    		return !item.showThumb;
  				    	}
  					},
  					{
  						caption: false,
  						name: 'durationColor',
  						proptype: 'font-color-2-duration',
  						type: 'colorpicker',
  						relatedEditableProperties: 'duration',
  						relatedCSSProperties: 'color',
  						value: function(item,name) { return item.durationColor; },
  						liveUpdate: 'color',
  						changeProperty: {
  							caption: 'Duration color',
  							selector: '.changeProperty-durationColor',
  							property: 'color',
  							transitionable: true
  						}
  						,hiddenByDefault: function(item) {
  				    		return !item.showThumb;
  				    	}
  					}
  				],
  				[
  					{
  						caption: false,
  						name: 'durationProperties',
  						proptype: 'text-properties-2-duration',
  						type: 'checkbox',
  						relatedEditableProperties: 'duration',
  						relatedCSSProperties: ['font-weight','font-style','text-decoration'],
  						value: function(item,name) { return item.durationProperties; },
  						values: [
  							{ value: 'bold', displayValue: '', icon: 'text-bold'},
  							{ value: 'italic', displayValue: '', icon: 'text-italic'},
  							{ value: 'underline', displayValue: '', icon: 'text-underline'}
  						],
  						changeProperty: {
  							caption: 'Duration properties',
  							rerender: true
  						}
  						,hiddenByDefault: function(item) {
  				    		return !item.showThumb;
  				    	}
  					},
  					{
  	      				caption: 'Background'
  	      				,name: 'durationBgColor'
  	      				,proptype: 'background-color-2-duration'
  	      				,type: 'colorpicker'
  	      				,value: function(item,name) {
  	      					return item.durationBgColor;
  	      				}
  	      				,liveUpdate: 'background-color'
  	      				,changeProperty: {
  							caption: 'Thumbnail background color',
  							selector: '.changeProperty-durationBgColor',
  							property: 'background-color',
  							transitionable: true
  						}
  	      				,hiddenByDefault: function(item) {
  				    		return !item.showThumb;
  				    	}
  	      			}
    				],
    				[
  					{
  						caption: 'Thumbnail Icon',
  						name: 'imgSrc',
  						type: 'combo-asset',
  						displayValue: function(item,name) {
  							if(item.imgSrc.fileId == '') {
  									return 'No asset selected.';
  								}
  								return item.imgSrc.name;
  						}
  						,value: function(item,name) {
  							return JSON.stringify({
  								allow: 'image',
  								asset: item.imgSrc
  							});
  						}
  						,changeProperty: {
  							caption: 'Thumbnail Icon',
  							rerender: true
  						}
  						,hiddenByDefault: function(item) {
  				    		return !item.showThumb;
  				    	}
  					}
    				]
    			]
    		},
    		{
    		    caption: 'Right Icon',
    		    properties: [
    		        [
    					{
  						caption: false,
  						name: 'imgSrc2',
  						type: 'combo-asset',
  						displayValue: function(item,name) {
  							if(item.imgSrc2.fileId == '') {
  	      						return 'No asset selected.';
  	      					}
  	      					return item.imgSrc2.name;
  						}
  						,value: function(item,name) {
  							return JSON.stringify({
  								allow: 'image',
  								asset: item.imgSrc2
  							});
  						}
  						,changeProperty: {
  	                		caption: 'Icon',
  	                		rerender: true
  	                	}
  					}
    				]
    			]
    		}
    	]
  }
  
  /* MESSAGE BUBBLE */
  prx.types.ios8_message_bubble = {
  	name: "ios8_message_bubble"
  	,onDisplay: function(item,containerid,symbol) {
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
  		var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		var _props = (typeof(prx.richtext)=='undefined') ? prx.componentsHelper.getProp(item.textProperties,'props-text') : '';
  
  		var cR = '<div id="' + _id + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + ' class="' + prx.items.getComponentBaseClasses(item, containerid, symbol) + ' box pos type-ios8-message-bubble">'
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#' + _id + ' .ios8-message-bubble-wrapper { background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; text-align: '+prx.componentsHelper.getProp(item.textAlign,'align')+'; }';
  		cR += '#' + _id + ' .ios8-message-bubble-text { color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; '+prx.componentsHelper.getProp(item.textFont,'font-family')+' font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; '+_props+'}';
  		if(prx.componentsHelper.getProp(item.thumbnail.fileId,'other') != '') {
  			cR += '#' + _id + ' .ios8-message-bubble-thumb { background-image: url('+prx.componentsHelper.getProp(item.thumbnail,'asset')+');}';
  		}
  		cR += '#' + _id + ' .ios8-message-bubble-tip { border-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-border')+';}';
  		cR += '</style>';
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios8-message-bubble-wrapper '+(item.isSender ? 'right ' : '')+'liveUpdate-backgroundColor-background-color changeProperty-backgroundColor-background-color changeProperty-borderRadius changeProperty-textAlign">';
  		cR += '<div class="ios8-message-bubble-text liveUpdate-textColor changeProperty-textColor changeProperty-textFont"><span data-editableproperty="text">'+prx.componentsHelper.getProp(item.text,'text-textarea')+'</span></div>';
  		cR += '<div class="ios8-message-bubble-thumb-wrapper">';
  		if(prx.componentsHelper.getProp(item.thumbnail.fileId,'other') != '') {
  		cR += '<div class="ios8-message-bubble-thumb"></div>';
  		}
  		cR += '</div>';
  		cR += '</div>';
  		cR += '<div class="ios8-message-bubble-tip '+(prx.componentsHelper.getProp(item.isSender,'boolean') ? 'right ' : '')+'liveUpdate-backgroundColor-border-color changeProperty-backgroundColor-border-color"></div>';
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  		cR += '</div>';
  		return cR;
  	}
  	,interactions: [ prx.commonproperties.actions ]
  	,editableProperties: [
  		{
  			caption: 'Text',
  			name: 'text',
  			type: 'textarea',
  			value: function(item,name) { return item.text; },
  			changeProperty: {
  				property: 'text',
  				selector: '.ios8-message-bubble-text',
  				transitionable: false
  			}
  		 }
  	]
  	,propertyGroups: [
  		{
  			caption: 'Style',
  			properties: [
  				[
  				 	{
  						caption: 'Background',
  						name: 'backgroundColor',
  						proptype: 'background-color',
  						type: 'colorpicker',
  						value: function(item,name) { return item.backgroundColor; },
  						liveUpdate: 'background-color,border-color',
  						changeProperty: {
  							caption: 'Background color',
  							selector: '.changeProperty-backgroundColor',
  							property: 'background-color,border-color',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},
  		{
  			caption: 'Text',
  			properties: [
  				[
  					prx.commonproperties.textFontRichText('font-family','text')
  					,prx.commonproperties.textSizeRichText('font-size','text')
  					,prx.commonproperties.textColorRichText('color','text')
  				],[
  					prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text')
  					,prx.commonproperties.textAlignRichText('text-align','text')
  				]
  			]
  		},
  		{
    		    caption: 'Thumbnail',
    		    properties: [
    		        [
    					{
  						caption: false,
  						name: 'thumbnail',
  						type: 'combo-asset',
  						displayValue: function(item,name) {
  							if(item.thumbnail.fileId == '') {
  	      						return 'No asset selected.';
  	      					}
  	      					return item.thumbnail.name;
  						}
  						,value: function(item,name) {
  							return JSON.stringify({
  								allow: 'image',
  								asset: item.thumbnail
  							});
  						}
  						,changeProperty: {
  	                		caption: 'Thumbnail',
  	                		rerender: true
  	                	}
  					}
    				]
  	        ]
  		},
  		{
  			caption: 'Message direction',
  			properties: [
  			    [
  					{
  						caption: 'Sender?'
  						,name: 'isSender'
  						,type: 'onoff'
  						,value: function(item,name,index){
  							return item.isSender;
  						}
  						,changeProperty: {
  							caption: 'Message direction',
  							rerender: true
  						}
  
  					}
  				]
  			]
  		}
      ]
  
  }
  
  
  /* WIDGET / NOTIFICATION */
  prx.types.ios10_widget = {
  	name: "ios10_widget"
  	,onDisplay: function(item,containerid,symbol) {
  
  		var _id = (!containerid) ? item.id : containerid+'-'+item.id;
          var _dims = prx.componentsHelper.getRealDims(item,symbol);
  
  		var cR = '';
  		cR += '<div id="'+_id+'" class="box pos type-ios10-widget '+((item.name=='ios10_notification') ? 'type-ios10-notification' : '')+' ' + prx.items.getComponentBaseClasses(item, containerid, symbol) + '" ' + prx.items.getComponentBaseAttributes(item, containerid, symbol)  + '>';
  
  		cR += '<style>';
  		cR += prx.items.getComponentBaseStyle(item, containerid, symbol);
  		cR += '#'+_id+' .ios10-widget-title-bar { height: '+(32*prx.componentsHelper.getScale(_library))+'px; background-color: '+prx.componentsHelper.getProp(item.titleBackgroundColor,'color-background')+'; border-radius: '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+' '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+' 0px 0px; }';
  		cR += '#'+_id+' .ios10-title-text { '+prx.componentsHelper.getProp(item.titleFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.titleColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.titleSize,'num-text-size')+'px; }';
  		cR += '#' + _id + ' .ios10-more-text { '+prx.componentsHelper.getProp(item.titleFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.titleColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.titleSize,'num-text-size')+'px; }';
  		if(prx.componentsHelper.getProp(item.imgSrc.fileId,'other') != '') {
  			cR += '#' + _id + ' .ios10-widget-title-bar-icon { background: url(' + prx.componentsHelper.getProp(item.imgSrc, 'asset') + '); }';
  		}
          cR += '#'+_id+' .ios10-widget-content { height: '+(_dims.height - (32*prx.componentsHelper.getScale(_library)))+'px; background-color: '+prx.componentsHelper.getProp(item.backgroundColor,'color-background')+'; text-align: '+prx.componentsHelper.getProp(item.textAlign,'align')+'; border-radius: 0px 0px '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+' '+prx.componentsHelper.getProp(item.borderRadius,'border-radius')+'; }';
  		if( item.name == 'ios10_notification' ) {
  			cR += '#'+_id+' .ios10-content-text { '+prx.componentsHelper.getProp(item.textFont,'font-family')+' color: '+prx.componentsHelper.getProp(item.textColor,'color-text')+'; font-size: '+prx.componentsHelper.getProp(item.textSize,'num-text-size')+'px; }';
  		}
  		cR += '</style>';
  
  		cR += prx.items.getComponentPrependDivs(item, containerid, symbol);
  
  		cR += '<div class="ios10-widget-wrapper">';
  
  		cR += '<div class="ios10-widget-title-bar liveUpdate-titleBackgroundColor changeProperty-titleBackgroundColor">';
  
  		cR += '<div class="ios10-widget-title-bar-icon"></div>';
  
  		cR += '<div class="ios10-widget-title-bar-title liveUpdate-titleColor changeProperty-titleColor changeProperty-titleSize changeProperty-titleFont changeProperty-title">';
          cR += '<div class="ios10-title-text">';
  		cR += '<span data-editableproperty="title">'+prx.componentsHelper.getProp(item.title,'text-textarea')+'</span>';
          cR += '</div>';
  		cR += '</div>';
  
  		cR += '<div class="ios10-widget-title-bar-more liveUpdate-titleColor changeProperty-titleColor changeProperty-titleSize changeProperty-titleFont changeProperty-more">';
          cR += '<div class="ios10-more-text actions-actions1">';
  		cR += '<span data-editableproperty="more">'+prx.componentsHelper.getProp(item.more,'text-textarea')+'</span>';
          cR += '</div>';
  		cR += '</div>';
  
  		cR += '</div>';
  
          cR += '<div class="ios10-widget-content liveUpdate-backgroundColor changeProperty-backgroundColor liveUpdate-textColor changeProperty-textColor changeProperty-textSize changeProperty-textFont changeProperty-textAlign changeProperty-text">';
  		if( item.name == 'ios10_notification' ) {
              cR += '<div class="ios10-content-text">';
  			cR += '<span data-editableproperty="text">' + prx.componentsHelper.getProp(item.text, 'text-textarea') + '</span>';
              cR += '</div>';
  		}
          cR += '</div>';
  
  		cR += '</div>';
  
  		cR += prx.items.getComponentAppendDivs(item, containerid, symbol);
  
  		cR += '</div>';
  
  		return cR;
  	},
  	interactions: [
  		prx.commonproperties.actions,
  		{
  			caption: 'Secondary title text',
  			name: 'actions1',
  			type: 'action',
  			value: function(item,name) {
  				if(typeof(item.actions1) == "undefined") {
  					if (typeof(item.actions) == "undefined") {
  						item.actions1 = [];
  					} else {
  						item.actions1 = item.actions;
  					}
  				}
  				return item.actions1.length;
  			},
              hiddenByDefault: function() {
                  return item.name === 'ios10_notification';
              }
  		}
  	],
  	editableProperties: [
  		{
  			caption: 'Title',
  			name: 'title',
  			type: 'input',
  			value: function(item, name) {
  				return typeof item.title == 'undefined' ? '' : item.title;
  			},
  			changeProperty: {
  				caption: 'Title',
  				selector: '.changeProperty-title',
  				property: 'text',
  				transitionable: false
  			}
  		},
  		{
  			caption: 'Secondary title text',
  			name: 'more',
  			type: 'input',
  			value: function(item, name) {
  				return typeof item.more == 'undefined' ? '' : item.more;
  			},
  			changeProperty: {
  				caption: 'Secondary title text',
  				selector: '.changeProperty-more',
  				property: 'text',
  				transitionable: false
  			}
  		},
  		{
  			caption: 'Text',
  			name: 'text',
  			type: 'textarea',
  			value: function(item, name) {
  				return typeof item.text == 'undefined' ? '' : item.text;
  			},
  			changeProperty: {
  				caption: 'Text',
  				selector: '.changeProperty-text',
  				property: 'text',
  				transitionable: false
  			},
  			hiddenByDefault: function(item) {
  				return item.name !== 'ios10_notification';
  			}
  		}
  	],
  	propertyGroups: [
  		{
  			caption: 'Style',
  			properties: [
  				[
  					prx.commonproperties.ios7BackgroundColor,
  					{
  						caption: 'Title bar',
  						proptype: 'background-color-2-bar',
  						name: 'titleBackgroundColor',
  						type: 'combo-colorpicker',
  						value: function(item,name) {
  							return item.titleBackgroundColor;
  						},
  						values: prx.comps.ios7Colors,
  						liveUpdate: 'background-color',
  						changeProperty: {
  							caption: 'Background color',
  							selector: '.changeProperty-titleBackgroundColor',
  							property: 'background-color',
  							transitionable: true
  						}
  					}
  				]
  			]
  		},
  		{
  			caption: 'Title',
  			properties: [
  				[
  				    {
                          caption: false,
                          name: 'titleFont',
                          proptype: 'font-family-2-title',
                          type: 'select',
                          relatedEditableProperties: 'title',
                          relatedCSSProperties: 'font-family',
                          value: function(item,name) {
                              if (typeof(item.titleFont) == "undefined") { return 'Helvetica, Arial, sans-serif'; }
                              return item.titleFont;
                          },
                          values: function() { return prx.comps.fonts; }
                          ,changeProperty: {
                              caption: 'Title font',
                              selector: '.changeProperty-title',
                          property: 'font-family',
                              transitionable: false
                          }
  
                      },
                      {
                          caption: false,
                          name: 'titleSize',
                          proptype: 'font-size-2-title',
                          type: 'combo-select',
                          relatedEditableProperties: 'title',
                          relatedCSSProperties: 'font-size',
                          value: function(item, name) {
                              return typeof item.titleSize == 'undefined' ? '' : item.titleSize;
                          },
                          values: prx.comps.textsize,
                          changeProperty: {
                              caption: 'Title size',
                              selector: '.changeProperty-titleSize',
                              property: 'font-size',
                              transitionable: true
                          }
                      },
                      {
                          caption: false,
                          name: 'titleColor',
                          proptype: 'font-color-2-title',
                          type: 'combo-colorpicker',
                          relatedEditableProperties: 'title',
                          relatedCSSProperties: 'color',
                          value: function(item,name) {
                              return typeof item.titleColor == 'undefined' ? '' : item.titleColor;
                          },
                          values: prx.comps.ios7Colors,
                          liveUpdate: 'color',
                          changeProperty: {
                              caption: 'Title color',
                              selector: '.changeProperty-titleColor',
                              property: 'color',
                              transitionable: true
                          }
                      }
  				]
  			]
  		},
          {
              caption: 'Text',
              properties: [
                  [    prx.commonproperties.textFontRichText('font-family','text', {eq:'neq',condition:'ios10_notification'})
                      ,prx.commonproperties.textSizeRichText('font-size','text', {eq:'neq',condition:'ios10_notification'})
                      ,prx.commonproperties.ios7TextColorRichText('color','text', {eq:'neq',condition:'ios10_notification'})
                  ],
                  [
                      prx.commonproperties.textPropertiesRichText(['font-weight','font-style','text-decoration'],'text', {eq:'neq',condition:'ios10_notification'})
                      ,prx.commonproperties.textAlignRichText('text-align','text', {eq:'neq',condition:'ios10_notification'})
                  ]
              ]
          },
  		{
  			caption: 'Icon',
  			properties: [
  				[
  					{
  						caption: false,
  						name: 'imgSrc',
  						type: 'combo-asset',
  						displayValue: function(item,name) {
  							if(item.imgSrc.fileId == '') {
  								return 'No asset selected.';
  							}
  							return item.imgSrc.name;
  						}
  						,value: function(item,name) {
  						return JSON.stringify({
  							allow: 'image',
  							asset: item.imgSrc
  						});
  					}
  						,changeProperty: {
  						caption: 'Icon',
  						rerender: true
  					}
  					}
  				]
  			]
  		}
  	]
  }
  
  
  
  
  
  /************************************************************************************************/
  /************************************* COMPONENTS (OBJECTS) *************************************/
  /************************************************************************************************/
  
  
  
  /****** TOOLBARS ******/
  
  //TYPE: NAVBAR
  prx.components.ios7_navbar = {
  	name: 'ios7_navbar'
  	,type: 'ios7_navbar'
  	,lib: _library
  	,caption: 'Nav Bar'
  	,icon: '-1800px 0'
  	,helper: prx.url.devices+_path + 'navbar/helper.png'
  	,image: prx.url.devices+_path + 'navbar/image.png'
  	,width: 'full'
  	,height: 44*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: 'rgba(255,255,255,0.95)'
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderPos: 'bottom'
  	,borderColor: '#CCCCCC'
  	,title: 'Label'
  	,textFont: 'HelveticaNeue-Medium, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textColor: '#000000'
  	,textProperties: []
  	,leftBtnType: 'none'
  	,rightBtnType: 'none'
  	,overlay: false
  };
  
  //TYPE: NAVBAR WITH BUTTONS
  prx.components.ios7_navbar_buttons = {
  	name: 'ios7_navbar_buttons'
  	,type: 'ios7_navbar_buttons'
  	,lib: _library
  	,caption: 'Nav Bar With Buttons'
  	,icon: '-1900px 0'
  	,helper: prx.url.devices+_path + 'navbar_buttons/helper.png'
  	,width: 'full'
  	,height: 44*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: 'rgba(255,255,255,0.95)'
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderPos: 'bottom'
  	,borderColor: '#CCCCCC'
  	,title: 'Label'
  	,textFont: 'HelveticaNeue-Medium, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textColor: '#000000'
  	,textProperties: []
  	,btnTextFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,btnTextSize: 18*prx.componentsHelper.getScale(_library)
  	,btnTextColor: '#1B9AF7'
  	,btnTextProperties: []
  	,leftBtnText: 'Back'
  	,rightBtnText: 'Done'
  	,leftBtnType: 'texticon'
  	,leftBtnIcon: {"fileId":"c0877fc419aa836a4097f4f982a53a59.svg","name":"chevron-left.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/b0a2a6e58cba73da2d0b8dc3e0ac8fe8.svg","targetSrc":"generated/b0a2a6e58cba73da2d0b8dc3e0ac8fe8_1b9af7.svg","color":"1b9af7"}
  	,rightBtnType: 'text'
  	,rightBtnIcon: {"fileId":"","name":"","assetType":"icon","url":""}
  };
  
  //TYPE: TABBAR
  prx.components.ios7_tabbar = {
  	name: 'ios7_tabbar'
  	,type: 'ios7_tabbar'
  	,lib: _library
  	,caption: 'Tabbar'
  	,icon: '0 -100px'
  	,helper: prx.url.devices+_path+ 'tabbar/helper.png'
  	,width: "full"
  	,height: 49*prx.componentsHelper.getScale(_library)
  	,vpos: "bottom"
  	,resizable : true
  	,backgroundColor: 'rgba(255,255,255,0.95)'
  	,borderWidth: 0*prx.componentsHelper.getScale(_library)
  	,borderColor: 'transparent'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 10*prx.componentsHelper.getScale(_library)
  	,textColor:  '#8D8D8D'
  	,textProperties: []
  	,iconpos: 'top'
  	,iconSize: 3
  	,activeBackgroundColor: 'as-inactive'
  	,activeTextColor: '#1B9AF7'
  	,maskEnabled: true
  	,maskInactive: '#8D8D8D'
  	,maskActive: '#1B9AF7'
  	,activeTab: 0
  	,overlay: false
  	,tabs: [
  		{
  			text: 'Home'
  			,icon: {"fileId":"e4e7dbcddba77b96954aa3602719162c.svg","name":"kub-home.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/e6a1ba573190139ceda51280e9fdad9c.svg","targetSrc":"generated/e6a1ba573190139ceda51280e9fdad9c_333333.svg","color":"383838"}
  			,activeicon: {"fileId":"e4e7dbcddba77b96954aa3602719162c.svg","name":"kub-home.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/e6a1ba573190139ceda51280e9fdad9c.svg","targetSrc":"generated/e6a1ba573190139ceda51280e9fdad9c_ffffff.svg","color":"ffffff"}
  			,actions: []
  		},
  		{
  			text: 'Messages'
  			,icon: {"fileId":"e55334acc02f524531f172be5348bfd2.svg","name":"mail-2.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/1b58b288e91e6a4cb64d90433880003d.svg","targetSrc":"generated/1b58b288e91e6a4cb64d90433880003d_333333.svg","color":"383838"}
  		    ,activeicon: {"fileId":"e55334acc02f524531f172be5348bfd2.svg","name":"mail-2.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/1b58b288e91e6a4cb64d90433880003d.svg","targetSrc":"generated/1b58b288e91e6a4cb64d90433880003d_ffffff.svg","color":"ffffff"}
  			,actions: []
  		}
      ]
  };
  
  //TYPE: TOOLBAR
  prx.components.ios7_toolbar = {
  	name: 'ios7_toolbar'
  	,type: 'ios7_toolbar'
  	,lib: _library
  	,caption: 'Toolbar'
  	,icon: '-100px -100px'
  	,helper: prx.url.devices+_path+ 'toolbar/helper.png'
  	,width: "full"
  	,height: 44*prx.componentsHelper.getScale(_library)
  	,vpos: "bottom"
  	,resizable : true
  	,backgroundColor: 'rgba(255,255,255,0.95)'
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderPos: 'top'
  	,borderColor: '#CCCCCC'
  	,overlay: false
  	,buttons: [
  		{
  	    	icon: {"fileId":"ef774542eca2f2136562f18561e024b9.svg","name":"flag-1.svg","assetType":"icon","bucketsource":"static","url":"f1352393585280/dd79283d0c018b90ddaddd64e4f6e528.svg","targetSrc":"generated/dd79283d0c018b90ddaddd64e4f6e528_1b9af7.svg","color":"1b9af7"}
  			,actions: []
  	    },
  		{
  	    	icon: {"fileId":"031673aaf750846323dbce519ac7ae57.svg","name":"folder-open.svg","assetType":"icon","bucketsource":"static","url":"f1352392599447/509bc66ab2b78cb8be33f5d5a09565f2.svg","targetSrc":"generated/509bc66ab2b78cb8be33f5d5a09565f2_1b9af7.svg","color":"1b9af7"}
  			,actions: []
  		},
  		{
  	    	icon: {"fileId":"465e32d9ef45ce932507e2d8510aad65.svg","name":"kub-trash.svg","assetType":"icon","bucketsource":"static","url":"f1352449307873/e61a10b75e24969c112f42511678b129.svg","targetSrc":"generated/e61a10b75e24969c112f42511678b129_1b9af7.svg","color":"1b9af7"}
  			,actions: []
  	    },
  		{
  	    	icon: {"fileId":"4e597fba679249aba28c9cbd14537157.svg","name":"tl-undo.svg","assetType":"icon","bucketsource":"static","url":"f1352389411295/2b44a2094b283cf56e0b407d4fe110d1.svg","targetSrc":"generated/2b44a2094b283cf56e0b407d4fe110d1_1b9af7.svg","color":"1b9af7"}
  			,actions: []
  	    },
  		{
  	    	icon: {"fileId":"4541ee15e29d3c0c5df5326fc45d385d.svg","name":"tl-pencil.svg","assetType":"icon","bucketsource":"static","url":"f1352449133232/64193ce12d7f3b0eecf327262aec508f.svg","targetSrc":"generated/64193ce12d7f3b0eecf327262aec508f_1b9af7.svg","color":"1b9af7"}
  			,actions: []
  	    },
      ]
  };
  
  //TYPE: STATUSBAR
  prx.components.ios7_statusbar = {
  	name: 'ios7_statusbar'
  	,type: 'ios7_statusbar'
  	,lib: _library
  	,caption: 'Statusbar'
  	,icon: '-200px -100px'
  	,helper: prx.url.devices+_path+ 'statusbar/helper.png'
  	,width: "full"
  	,height: 20*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: '#000000'
  	,foregroundColor: '#ffffff'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,overlay: false
  };
  
  
  
  /****** BUTTONS ******/
  
  //TYPE: TEXT BUTTON
  prx.components.ios7_button_text = {
      name: 'ios7_button_text'
      ,type: 'ios7_button_text'
      ,lib: _library
      ,caption: 'Text Button'
      ,icon: '-300px -100px'
      ,helper: prx.url.devices+_path + 'button_text/helper.png'
      ,image: prx.url.devices+_path + 'button_text/image.png'
      ,width: 100*prx.componentsHelper.getScale(_library)
      ,height: 44*prx.componentsHelper.getScale(_library)
      ,resizable : true
      ,text: 'Label'
      ,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
      ,textSize: 18*prx.componentsHelper.getScale(_library)
      ,textColor: '#1B9AF7'
      ,textProperties: []
      ,textAlign: 'center'
      ,iconpos: 'none'
  };
  
  //TYPE: COMBO BUTTON
  prx.components.ios7_button = {
      name: 'ios7_button'
      ,type: 'ios7_button'
      ,lib: _library
      ,caption: 'Combo Button'
      ,icon: '-400px -100px'
      ,helper: prx.url.devices+_path + 'button/helper.png'
      ,image: prx.url.devices+_path + 'button/image.png'
      ,width: 100*prx.componentsHelper.getScale(_library)
      ,height: 44*prx.componentsHelper.getScale(_library)
      ,resizable : true
      ,text: 'Label'
      ,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
      ,textSize: 18*prx.componentsHelper.getScale(_library)
      ,textColor: '#1B9AF7'
      ,textProperties: []
      ,textAlign: 'center'
      ,iconpos: 'left'
      ,img: {"fileId":"c0877fc419aa836a4097f4f982a53a59.svg","name":"chevron-left.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/b0a2a6e58cba73da2d0b8dc3e0ac8fe8.svg","targetSrc":"generated/b0a2a6e58cba73da2d0b8dc3e0ac8fe8_1b9af7.svg","color":"1b9af7"}
  };
  
  //TYPE: BUTTON WITH BACKGROUND
  prx.components.ios7_button_bg = {
  	name: 'ios7_button_bg'
  	,type: 'ios7_button_bg'
  	,lib: _library
  	,caption: 'Button with Background'
  	,icon: '-500px -100px'
  	,helper: prx.url.devices+_path + 'button_bg/helper.png'
  	,image: prx.url.devices+_path + 'button_bg/image.png'
  	,width: 200*prx.componentsHelper.getScale(_library)
  	,height: 44*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: '#1B9AF7'
  	,borderWidth: 0
  	,borderColor: '#FFFFFF'
  	,borderRadius: 8*prx.componentsHelper.getScale(_library)
  	,text: 'Label'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 18*prx.componentsHelper.getScale(_library)
  	,textColor: '#FFFFFF'
  	,textProperties: []
  	,textAlign: 'center'
  	,iconpos: 'none'
  	,img: {"fileId":"c0877fc419aa836a4097f4f982a53a59.svg","name":"chevron-left.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/b0a2a6e58cba73da2d0b8dc3e0ac8fe8.svg","targetSrc":"generated/b0a2a6e58cba73da2d0b8dc3e0ac8fe8_ffffff.svg","color":"ffffff"}
  };
  
  //TYPE: ICON BUTTON
  prx.components.ios7_button_icon = {
  	name: 'ios7_button_icon'
  	,type: 'ios7_button_icon'
  	,lib: _library
  	,caption: 'Icon Button'
  	,icon: '-600px -100px'
  	,helper: prx.url.devices+_path + 'button_icon/helper.png'
  	,image: prx.url.devices+_path + 'button_icon/image.png'
  	,width: 44*prx.componentsHelper.getScale(_library)
  	,height: 44*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,textAlign: 'center'
  	,iconpos: 'notext'
  	,img: {"fileId":"c0877fc419aa836a4097f4f982a53a59.svg","name":"chevron-left.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/b0a2a6e58cba73da2d0b8dc3e0ac8fe8.svg","targetSrc":"generated/b0a2a6e58cba73da2d0b8dc3e0ac8fe8_1b9af7.svg","color":"1b9af7"}
  };
  
  //TYPE: ICON BUTTON CIRCULAR
  prx.components.ios7_button_icon_circular = {
  	name: 'ios7_button_icon_circular'
  	,type: 'ios7_button_icon_circular'
  	,lib: _library
  	,caption: 'Icon Button Circular'
      ,icon: '-700px -100px'
  	,helper: prx.url.devices+_path + 'button_icon_circular/helper.png'
  	,image: prx.url.devices+_path + 'button_icon_circular/image.png'
  	,width: 44*prx.componentsHelper.getScale(_library)
  	,height: 44*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: 'rgba(0,0,0,0)'
  	,borderWidth: 2*prx.componentsHelper.getScale(_library)
  	,borderColor: '#000000'
  	,borderRadius: '50%'
  	,textAlign: 'center'
  	,iconpos: 'notext'
  	,img: {"fileId":"ce8e4cb4b87ca1ae337f04fffd878cde.svg","name":"lock-close.svg","assetType":"icon","bucketsource":"static","url":"f1352393041300/a0de48396fb6d6a99bc13cb51fbddf36.svg"}
  };
  
  //TYPE: ICON BUTTON SQUARE
  prx.components.ios7_button_icon_square = {
      name: 'ios7_button_icon_square'
      ,type: 'ios7_button_icon_square'
      ,lib: _library
      ,caption: 'Icon Button Square'
      ,icon: '-800px -100px'
      ,helper: prx.url.devices+_path + 'button_icon_square/helper.png'
      ,image: prx.url.devices+_path + 'button_icon_square/image.png'
      ,width: 44*prx.componentsHelper.getScale(_library)
      ,height: 44*prx.componentsHelper.getScale(_library)
      ,resizable : true
      ,backgroundColor: 'rgba(0,0,0,0)'
      ,borderWidth: 2*prx.componentsHelper.getScale(_library)
      ,borderColor: '#000000'
      ,borderRadius: 7.5*prx.componentsHelper.getScale(_library)
      ,textAlign: 'center'
      ,iconpos: 'notext'
      ,img: {"fileId":"061330b5e4e68e5a8108e06f0da84821.svg","name":"camera.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/2180c33c348538f1cfb9e6f56b65f4a5.svg"}
  };
  
  //TYPE: UI BUTTON
  prx.components.ios7_button_ui = {
      name: 'ios7_button_ui'
      ,type: 'ios7_button_ui'
      ,lib: _library
      ,caption: 'UI Button'
      ,icon: '-900px -100px'
      ,helper: prx.url.devices+_path + 'button_ui/helper.png'
      ,width: 22*prx.componentsHelper.getScale(_library)
      ,height: 22*prx.componentsHelper.getScale(_library)
      ,resizable : true
      ,backgroundColor: '#49E845'
      ,borderRadius: '50%'
      ,textAlign: 'center'
      ,iconpos: 'notext'
      ,img: {"fileId":"24ba15d6600898b19f36e32c16c2728d.svg","name":"plus.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/558b9ee9b4a9123e4df38f815f297650.svg","targetSrc":"generated/558b9ee9b4a9123e4df38f815f297650_ffffff.svg","color":"ffffff"}
  };
  
  //TYPE: SEGMENTED CONTROL
  prx.components.ios7_segmentedcontrol = {
      name: 'ios7_segmentedcontrol'
      ,type: 'ios7_segmentedcontrol'
      ,lib: _library
      ,caption: 'Segmented Control'
      ,icon: '-1000px -100px'
      ,helper: prx.url.devices+_path + 'segmentedcontrol/helper.png'
      ,image: prx.url.devices+_path + 'segmentedcontrol/image.png'
      ,width: 225*prx.componentsHelper.getScale(_library)
      ,height: 30*prx.componentsHelper.getScale(_library)
      ,resizable : true
      ,backgroundColor: 'rgba(0,0,0,0)'
      ,activeBackgroundColor: '#1B9AF7'
      ,borderWidth: 1*prx.componentsHelper.getScale(_library)
      ,borderColor: '#1B9AF7'
      ,borderRadius: 5*prx.componentsHelper.getScale(_library)
      ,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
      ,textSize: 13*prx.componentsHelper.getScale(_library)
      ,textColor: '#1B9AF7'
      ,textProperties: []
      ,activeTextColor: '#FFFFFF'
      ,selected: 0
      ,buttons: [{
          actions: [],
          text: 'Label 1'
      },{
          actions: [],
          text: 'Label 2'
      }]
      ,dynamicSizeExpand: 'h'
  };
  
  //TYPE: PAGE CONTROLLER
  prx.components.ios7_pagecontroller = {
      name: 'ios7_pagecontroller'
      ,type: 'ios7_pagecontroller'
      ,lib: _library
      ,caption: 'Page Controller'
      ,icon: '-1100px -100px'
      ,helper: prx.url.devices+_path + 'pagecontroller/helper.png'
      ,image: prx.url.devices+_path + 'pagecontroller/image.png'
      ,width: 75*prx.componentsHelper.getScale(_library)
      ,height: 8*prx.componentsHelper.getScale(_library)
      ,resizable : true
      ,backgroundColor: '#1B9AF7'
      ,activeBackgroundColor: '#FFFFFF'
      ,borderRadius: '50%'
      ,selected: 999
      ,buttons: [{
          actions: []
      },{
          actions: []
      },{
          actions: []
      }]
  };
  
  
  
  /****** FORMS ******/
  
  //TYPE: LABEL
  prx.components.ios7_label = {
  	name: 'ios7_label'
  	,type: 'ios7_label'
  	,lib: _library
  	,caption: 'Label'
  	,icon: '-1200px -100px'
  	,helper: prx.url.devices+_path + 'label/helper.png'
  	,image: prx.url.devices+_path + 'label/image.png'
  	,width: 250*prx.componentsHelper.getScale(_library)
  	,height: 44*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 14*prx.componentsHelper.getScale(_library)
  	,textColor: '#999999'
  	,textProperties: []
  	,textAlign: 'center'
  };
  
  //TYPE: TEXT FIELD
  prx.components.ios7_textfield = {
  	name: 'ios7_textfield'
  	,type: 'ios7_textfield'
  	,lib: _library
  	,caption: 'Text Field'
  	,icon: '-1300px -100px'
  	,helper: prx.url.devices+_path + 'textfield/helper.png'
  	,width: 270*prx.componentsHelper.getScale(_library)
  	,height: 42*prx.componentsHelper.getScale(_library)
  	,value: ''
  	,placeholder: 'Placeholder'
  	,inputtype: 'text'
  	,backgroundColor: 'rgba(0,0,0,0)'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textColor:  '000000'
  	,placeholderColor: '999999'
  	,borderWidth: 0*prx.componentsHelper.getScale(_library)
  	,borderRadius: 3*prx.componentsHelper.getScale(_library)
  	,borderColor: 'cccccc'
  	,textAlign: 'left'
  }
  
  //TYPE: PASSWORD FIELD
  prx.components.ios7_passwordfield = {
  	name: 'ios7_passwordfield'
  	,type: 'ios7_textfield'
  	,lib: _library
  	,caption: 'Password Field'
  	,icon: '-1400px -100px'
  	,helper: prx.url.devices+_path + 'textfield/helper.png'
  	,width: 270*prx.componentsHelper.getScale(_library)
  	,height: 42*prx.componentsHelper.getScale(_library)
  	,value: ''
  	,placeholder: 'Placeholder'
  	,inputtype: 'password'
  	,backgroundColor: 'rgba(0,0,0,0)'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textColor: '000000'
  	,placeholderColor: '999999'
  	,borderWidth: 0*prx.componentsHelper.getScale(_library)
  	,borderRadius: 3*prx.componentsHelper.getScale(_library)
  	,borderColor: 'cccccc'
  	,textAlign: 'left'
  }
  
  //TYPE: TEXTAREA
  prx.components.ios7_textarea = {
  	name: 'ios7_textarea'
  	,type: 'ios7_textarea'
  	,lib: _library
  	,caption: 'Textarea'
  	,icon: '-1500px -100px'
  	,helper: prx.url.devices+_path + 'textarea/helper.png'
  	,width: 270*prx.componentsHelper.getScale(_library)
  	,height: 84*prx.componentsHelper.getScale(_library)
  	,value: ''
  	,placeholder: 'Placeholder'
  	,backgroundColor: 'rgba(0,0,0,0)'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textColor: '000000'
  	,placeholderColor: '999999'
  	,borderWidth: 0*prx.componentsHelper.getScale(_library)
  	,borderRadius: 3*prx.componentsHelper.getScale(_library)
  	,borderColor: 'cccccc'
  	,textAlign: 'left'
  }
  
  //TYPE: CHECKBOX
  prx.components.ios7_checkbox = {
  	name: 'ios7_checkbox'
  	,type: 'ios7_checkbox'
  	,lib: _library
  	,caption: 'Checkbox'
  	,icon: '-1600px -100px'
  	,helper: prx.url.devices+_path + 'checkbox/helper.png'
  	,image: prx.url.devices+_path + 'checkbox/image.png'
  	,width: 22*prx.componentsHelper.getScale(_library)
  	,height: 22*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: 'rgba(0,0,0,0)'
  	,activeBackgroundColor: '#1B9AF7'
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: '#999999'
  	,borderRadius: '50%'
  	,img: {"fileId":"498e767b8d1969245862682798acb78f.svg","name":"check.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/34d6599607c21d5f87e5d30af9449c1c.svg","targetSrc":"generated/34d6599607c21d5f87e5d30af9449c1c_ffffff.svg","color":"ffffff"}
  	,active: true
  };
  
  //TYPE: IOS9 ON/OFF SWITCH
  prx.components.ios7_switch = {
  	name: 'ios7_switch'
  	,type: 'ios7_switch'
  	,lib: _library
  	,caption: 'iOS 9 On/Off Switch'
  	,icon: '-1800px -100px'
  	,helper: prx.url.devices+_path + 'switch/helper.png'
  	,width: 50*prx.componentsHelper.getScale(_library)
  	,height: 30*prx.componentsHelper.getScale(_library)
  	,inactiveLabelColor: '#FFFFFF'
  	,activeLabelColor: '#49E845'
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,inactiveBorderColor: '#CCCCCC'
  	,activeBorderColor: '#49E845'
  	,switchColor: 'FFFFFF'
  };
  
  //TYPE: ON/OFF SWITCH
  prx.components.ios10_switch = {
      name: 'ios10_switch'
      ,type: 'ios7_switch'
      ,lib: _library
      ,caption: 'On/Off Switch'
      ,icon: '-1700px -100px'
      ,helper: prx.url.devices+_path + 'ios10-switch/helper.png'
      ,width: 50*prx.componentsHelper.getScale(_library)
      ,height: 30*prx.componentsHelper.getScale(_library)
      ,inactiveLabelColor: 'transparent'
      ,activeLabelColor: '#4CD964'
      ,borderWidth: 1*prx.componentsHelper.getScale(_library)
      ,inactiveBorderColor: '#E5E5E5'
      ,activeBorderColor: '#E5E5E5'
      ,switchColor: 'FFFFFF'
  };
  
  //TYPE: SLIDER
  prx.components.ios7_slider = {
  	name: 'ios7_slider'
  	,type: 'ios7_slider'
  	,lib: _library
  	,caption: 'Slider'
  	,icon: '-1900px -100px'
  	,helper: prx.url.devices+_path + 'slider/helper.png'
  	,width: 150*prx.componentsHelper.getScale(_library)
  	,height: 15*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,barThickness: 2*prx.componentsHelper.getScale(_library)
  	,barColor: '999999'
  	,fillBarColor: '1B9AF7'
  	,sliderColor: 'ffffff'
  	,sliderBorderRadius: '50%'
  	,sliderPosition: 70
  	,properties: "v,l,o,hpos,vpos,w,h"
  };
  
  //TYPE: PICKER
  prx.components.ios7_picker = {
  	name: 'ios7_picker'
  	,type: 'ios7_picker'
  	,lib: _library
  	,caption: 'Picker'
  	,icon: '0 -200px'
  	,helper: prx.url.devices+_path + 'picker/helper.png'
  	,width: "full"
  	,height: 150*prx.componentsHelper.getScale(_library)
  	,vpos: "bottom"
  	,resizable : true
  	,backgroundColor: 'ffffff'
  	,textColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 16*prx.componentsHelper.getScale(_library)
  	,textProperties: []
  	,textAlign: 'center'
  	,values: "Label 1<br />Label 2<br />Label 3<br />Label 4<br />Label 5"
  	,selectedValue: 0
  };
  
  //TYPE: SEARCH BAR
  prx.components.ios8_searchbar = {
  	name: 'ios8_searchbar'
  	,type: 'ios8_searchbar'
  	,lib: _library
  	,caption: 'Search Bar'
  	,icon: '-100px -200px'
  	,helper: prx.url.devices+_path + 'searchbar/helper.png'
  	,width: 225*prx.componentsHelper.getScale(_library)
  	,height: 30*prx.componentsHelper.getScale(_library)
  	,value: ''
  	,placeholder: 'Search'
  	,backgroundColor: 'ffffff'
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 14*prx.componentsHelper.getScale(_library)
  	,textColor:  '000000'
  	,placeholderColor: '999999'
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderRadius: 3*prx.componentsHelper.getScale(_library)
  	,borderColor: 'cccccc'
  	,imgSrc: {"fileId":"3e49eaab00dc41aaa07e1f7e39779c39.svg","name":"search.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/14870b88002e540a4d1fc9c2d2a88384.svg","targetSrc":"generated/14870b88002e540a4d1fc9c2d2a88384_999999.svg","color":"999999"}
  	,imgSrc2: {"fileId":"e648f99b268782f39ea1442529369aa3.svg","name":"cr-delete.svg","assetType":"icon","bucketsource":"static","url":"f1352449307873/61a2922cfa9b623512ce97a21983a037.svg","targetSrc":"generated/61a2922cfa9b623512ce97a21983a037_999999.svg","color":"999999"}
  };
  
  
  
  /****** LISTS ******/
  
  //TYPE: BASIC LIST
  prx.components.ios7_listbasic = {
  	name: 'ios7_listbasic'
  	,type: 'ios7_listbasic'
  	,lib: _library
  	,caption: 'Basic List'
  	,icon: '-200px -200px'
  	,helper: prx.url.devices+_path + 'listbasic/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
    	,subSize: 13*prx.componentsHelper.getScale(_library)
    	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
    	,subColor: '999999'
    	,subProperties: []
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,iconpos: ''
  	,iconSize: 2
  	,listitems: [
         {
      	   itemtype: 'basic'
      	   ,text: 'Label 1'
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
         },
         {
      	   itemtype: 'basic'
      	   ,text: 'Label 2'
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
         }
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: NESTED LIST
  prx.components.ios7_listnested = {
  	name: 'ios7_listnested'
  	,type: 'ios7_listnested'
  	,lib: _library
  	,caption: 'Nested List'
  	,icon: '-300px -200px'
  	,helper: prx.url.devices+_path + 'listnested/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,subColor: '999999'
  	,subProperties: []
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 1
  	,listitems: [
         {
      	   itemtype: 'nested'
      	   ,text: 'Label 1'
      	   ,buttonicon: {"fileId":"b821d85ca40ce5ec744f7c97418d2b93.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"}
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
         },
         {
      	   itemtype: 'nested'
  		   ,text: 'Label 2'
  		   ,buttonicon: {"fileId":"b821d85ca40ce5ec744f7c97418d2b93.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"}
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
         }
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: LIST WITH ICON
  prx.components.ios7_listwithicon = {
  	name: 'ios7_listwithicon'
  	,type: 'ios7_listwithicon'
  	,lib: _library
  	,caption: 'List with Icon'
      ,icon: '-400px -200px'
  	,helper: prx.url.devices+_path + 'listbasic/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
    	,subColor: '999999'
    	,subProperties: []
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 2
  	,listitems: [
         {
      	   itemtype: 'withIcon'
      	   ,text: 'Label 1'
      	   ,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""}
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
  
         },
         {
      	   itemtype: 'withIcon'
      	   ,text: 'Label 2'
      	   ,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""}
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
         }
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: LIST WITH VALUE
  prx.components.ios7_listwithvalue = {
  	name: 'ios7_listwithvalue'
  	,type: 'ios7_listwithvalue'
  	,lib: _library
  	,caption: 'List with Value'
      ,icon: '-500px -200px'
  	,helper: prx.url.devices+_path + 'listwithvalue/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,subColor: '999999'
  	,subProperties: []
      ,valueSize: 16*prx.componentsHelper.getScale(_library)
  	,valueFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,valueColor: '999999'
  	,valueProperties: []
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeValueColor: '999999'
  	,activeSubColor: '999999'
  	,listitems: [
  		{
  			text: 'Label 1'
  			,itemtype: 'withValue'
  			,value: 'Insert value'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,actions: []
  			,subtitle: ''
  		},
  		{
  			text: 'Label 2'
  			,itemtype: 'withValue'
  			,value: 'Insert value'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,actions: []
  			,subtitle: ''
  		}
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: NESTEC LIST WITH VALUE
  prx.components.ios7_listnestedwithvalue = {
  	name: 'ios7_listnestedwithvalue'
  	,type: 'ios7_listnestedwithvalue'
  	,lib: _library
  	,caption: 'Nested List with Value'
      ,icon: '-600px -200px'
  	,helper: prx.url.devices+_path + 'listnestedwithvalue/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
    	,subColor: '999999'
    	,subProperties: []
      ,valueSize: 16*prx.componentsHelper.getScale(_library)
  	,valueFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,valueColor: '999999'
  	,valueProperties: []
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeValueColor: '999999'
  	,activeSubColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 1
  	,listitems: [
  		{
  			text: 'Label 1'
  			,itemtype: 'nestedWithValue'
  			,value: 'Insert value'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"308d48427cd7846bd86b679eabd077ae.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"}
  			,actions: []
  			,subtitle: ''
  		},
  		{
  			text: 'Label 2'
  			,itemtype: 'nestedWithValue'
  			,value: 'Insert value'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"308d48427cd7846bd86b679eabd077ae.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"}
  			,actions: []
  			,subtitle: ''
  		}
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: LIST WITH ICON AND VALUE
  prx.components.ios7_listwithiconandvalue = {
  	name: 'ios7_listwithiconandvalue'
  	,type: 'ios7_listwithiconandvalue'
  	,lib: _library
  	,caption: 'List with Icon and Value'
      ,icon: '-700px -200px'
  	,helper: prx.url.devices+_path + 'listwithvalue/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
    	,subColor: '999999'
    	,subProperties: []
      ,valueSize: 16*prx.componentsHelper.getScale(_library)
  	,valueFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,valueColor: '999999'
  	,valueProperties: []
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeValueColor: '999999'
  	,activeSubColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 2
  	,listitems: [
  		{
  			text: 'Label 1'
  			,itemtype: 'withIconAndValue'
  			,value: 'Insert value'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""}
  			,actions: []
  			,subtitle: ''
  		},
  		{
  			text: 'Label 2'
  			,itemtype: 'withIconAndValue'
  			,value: 'Insert value'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""}
  			,actions: []
  			,subtitle: ''
  		}
      ]
      ,dynamicSizeExpand: 'v'
  	,richText: {
  		value : 'listitems'
  	}
  };
  
  //TYPE: LIST WITH BADGE
  prx.components.ios7_listwithbadge = {
  	name: 'ios7_listwithbadge'
  	,type: 'ios7_listwithbadge'
  	,lib: _library
  	,caption: 'List with Badge'
      ,icon: '-800px -200px'
  	,helper: prx.url.devices+_path + 'listwithbadge/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,subColor: '999999'
  	,subProperties: []
      ,badgeSize: 9*prx.componentsHelper.getScale(_library)
  	,badgeFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,badgeColor: 'ffffff'
  	,badgeProperties: []
      ,badgeBackgroundColor: 'FF4351'
  	,textAlign: 'left'
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,listitems: [
  		{
  			text: 'Label 1'
  			,itemtype: 'withBadge'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,actions: []
  		},
  		{
  			text: 'Label 2'
  			,itemtype: 'withBadge'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,actions: []
  		}
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: NESTED LIST WITH BADGE
  prx.components.ios7_listnestedwithbadge = {
  	name: 'ios7_listnestedwithbadge'
  	,type: 'ios7_listnestedwithbadge'
  	,lib: _library
  	,caption: 'Nested List with Badge'
      ,icon: '-900px -200px'
  	,helper: prx.url.devices+_path + 'listnestedwithbadge/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,subColor: '999999'
  	,subProperties: []
      ,badgeSize: 9*prx.componentsHelper.getScale(_library)
  	,badgeFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,badgeColor: 'ffffff'
  	,badgeProperties: []
      ,badgeBackgroundColor: 'FF4351'
  	,textAlign: 'left'
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 1
  	,listitems: [
  		{
  			text: 'Label 1'
  			,itemtype: 'nestedWithBadge'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"308d48427cd7846bd86b679eabd077ae.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"}
  			,actions: []
  		},
  		{
  			text: 'Label 2'
  			,itemtype: 'nestedWithBadge'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"308d48427cd7846bd86b679eabd077ae.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_999999.svg","color":"999999"}
  				,actions: []
  			}
  	    ]
  	    ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: LIST IWTH ICON AND BADGE
  prx.components.ios7_listwithiconandbadge = {
  	name: 'ios7_listwithiconandbadge'
  	,type: 'ios7_listwithiconandbadge'
  	,lib: _library
  	,caption: 'List with Icon and Badge'
      ,icon: '-1000px -200px'
  	,helper: prx.url.devices+_path + 'listwithbadge/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,subColor: '999999'
  	,subProperties: []
      ,badgeSize: 9*prx.componentsHelper.getScale(_library)
  	,badgeFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,badgeColor: 'ffffff'
  	,badgeProperties: []
      ,badgeBackgroundColor: 'FF4351'
  	,textAlign: 'left'
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 2
  	,listitems: [
  		{
  			text: 'Label 1'
  			,itemtype: 'nestedWithBadge'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""}
  			,actions: []
  		},
  		{
  			text: 'Label 2'
  			,itemtype: 'nestedWithBadge'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""}
  			,actions: []
  		}
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: RADIO LIST
  prx.components.ios7_listradio = {
  	name: 'ios7_listradio'
  	,type: 'ios7_listradio'
  	,lib: _library
  	,caption: 'Radio List'
      ,icon: '-1100px -200px'
  	,helper: prx.url.devices+_path + 'listradio/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
    	,subColor: '999999'
    	,subProperties: []
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 2
  	,listitems: [
         {
      	   itemtype: 'radio'
      	   ,text: 'Label 1'
      	   ,buttonicon: {"fileId":"0e4b53af477f69a7a69a6e13e4a63640.svg","name":"check.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/34d6599607c21d5f87e5d30af9449c1c.svg","targetSrc":"generated/34d6599607c21d5f87e5d30af9449c1c_1b9af7.svg","color":"1B9AF7"}
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
      	   ,checked: true
  
         },
         {
      	   itemtype: 'radio'
      	   ,text: 'Label 2'
      	   ,buttonicon: {"fileId":"0e4b53af477f69a7a69a6e13e4a63640.svg","name":"check.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/34d6599607c21d5f87e5d30af9449c1c.svg","targetSrc":"generated/34d6599607c21d5f87e5d30af9449c1c_1b9af7.svg","color":"1B9AF7"}
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
      	   ,checked: false
         }
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: CHECKBOX LIST
  prx.components.ios7_listcheckbox = {
  	name: 'ios7_listcheckbox'
  	,type: 'ios7_listcheckbox'
  	,lib: _library
  	,caption: 'Checkbox List'
      ,icon: '-1200px -200px'
  	,helper: prx.url.devices+_path + 'listcheckbox/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
    	,subColor: '999999'
    	,subProperties: []
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 2
  	,listitems: [
         {
      	   itemtype: 'checkbox'
      	   ,text: 'Label 1'
      	   ,buttonicon: {"fileId":"0e4b53af477f69a7a69a6e13e4a63640.svg","name":"check.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/34d6599607c21d5f87e5d30af9449c1c.svg","targetSrc":"generated/34d6599607c21d5f87e5d30af9449c1c_1b9af7.svg","color":"1B9AF7"}
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
      	   ,checked: true
  
         },
         {
      	   itemtype: 'checkbox'
      	   ,text: 'Label 2'
      	   ,buttonicon: {"fileId":"0e4b53af477f69a7a69a6e13e4a63640.svg","name":"check.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/34d6599607c21d5f87e5d30af9449c1c.svg","targetSrc":"generated/34d6599607c21d5f87e5d30af9449c1c_1b9af7.svg","color":"1B9AF7"}
      	   ,actions: []
      	   ,hasThumbnail: false
      	   ,thumbnail: {"fileId":"","name":"","assetType":""}
      	   ,subtitle: ''
      	   ,checked: true
         }
      ]
      ,dynamicSizeExpand: 'v'
  };
  
  //TYPE: COMPLEX LIST
  prx.components.ios7_listcomplex = {
  	name: 'ios7_listcomplex'
  	,type: 'ios7_listcomplex'
  	,lib: _library
  	,caption: 'Complex List'
      ,icon: '-1300px -200px'
  	,helper: prx.url.devices+_path + 'listbasic/helper.png'
  	,width: "full"
  	,height: 89*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: 'CCCCCC'
  	,textSize: 18*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '333333'
  	,textAlign: 'left'
  	,textProperties: []
  	,subSize: 13*prx.componentsHelper.getScale(_library)
  	,subFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,subColor: '999999'
  	,subProperties: []
      ,valueSize: 16*prx.componentsHelper.getScale(_library)
  	,valueFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,valueColor: '999999'
  	,valueProperties: []
      ,badgeSize: 9*prx.componentsHelper.getScale(_library)
  	,badgeFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,badgeColor: 'ffffff'
  	,badgeProperties: []
      ,badgeBackgroundColor: 'FF4351'
  	,textAlign: 'left'
  	,backgroundColor: 'FFFFFF'
  	,activeBackgroundColor: 'CCCCCC'
  	,activeTextColor: '333333'
  	,activeSubColor: '999999'
  	,activeValueColor: '999999'
  	,iconpos: 'right'
  	,iconSize: 2
  	,listitems: [
  		{
  			text: 'Label 1'
  			,itemtype: 'basic'
  			,value: 'Insert value'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""}
  			,checked: false
  			,actions: []
  		},
  		{
  			text: 'Label 2'
  			,itemtype: 'basic'
  			,value: 'Insert value'
  			,subtitle: ''
  			,badgeText: '1'
  			,hasThumbnail: false
  			,thumbnail: {"fileId":"","name":"","assetType":""}
  			,buttonicon: {"fileId":"","name":"","assetType":"icon","url":""}
  			,checked: false
  			,actions: []
  		}
      ]
      ,dynamicSizeExpand: 'v'
  	,richText: {
  		text: ['listitems','index','text'],
  		value : ['listitems','index','value'],
  		subtitle: ['listitems','index','subtitle']
  	}
  };
  
  //TYPE: LIST HEADER
  prx.components.ios7_list_header = {
  	name: 'ios7_list_header'
  	,type: 'ios7_list_header'
  	,lib: _library
  	,caption: 'List Header'
      ,icon: '-1400px -200px'
  	,helper: prx.url.devices+_path + 'list_header/helper.png'
  	,width: "full"
  	,height: 20*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,textSize: 16*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Medium, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: '000000'
  	,textAlign: 'left'
  	,textProperties: []
  	,backgroundColor: 'rgba(240, 240, 240, 0.95)'
  	,text: 'LABEL'
  };
  
  
  
  /****** OTHER CONTROLS ******/
  
  //TYPE: ALERT
  prx.components.ios7_alert = {
  	name: 'ios7_alert'
  	,type: 'ios7_alert'
  	,lib: _library
  	,caption: 'Alert'
      ,icon: '-1500px -200px'
  	,helper: prx.url.devices+_path + 'alert/helper.png'
  	,image: prx.url.devices+_path + 'alert/image.png'
  	,width: 250*prx.componentsHelper.getScale(_library)
  	,height: 150*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: 'rgba(255,255,255,0.95)'
  	,borderColor: '#CCCCCC'
  	,borderRadius: 3*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textColor: '#333333'
  	,title: 'Alert title'
  	,text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit'
  	,buttons: [{
  		actions: [],
  		text: 'Cancel',
  		textColor: '#1B9AF7',
  		textProperties: []
  	},{
  		actions: [],
  		text: '<strong>OK</strong>',
  		textColor: '#1B9AF7',
  		textProperties: ['bold']
  	}]
  };
  
  //TYPE: VERTICAL ALERT
  prx.components.ios10_vertical_alert = {
  	name: 'ios10_vertical_alert'
  	,type: 'ios7_alert'
  	,lib: _library
  	,caption: 'Vertical alert'
      ,icon: '-1600px -200px'
  	,helper: prx.url.devices+_path + 'alert_vertical/helper.png'
  	,image: prx.url.devices+_path + 'alert_vertical/image.png'
  	,width: 250*prx.componentsHelper.getScale(_library)
  	,height: 181*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: 'rgba(255,255,255,0.95)'
  	,borderColor: '#CCCCCC'
  	,borderRadius: 3*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 17*prx.componentsHelper.getScale(_library)
  	,textColor: '#333333'
  	,title: 'Alert title'
  	,text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit'
  	,buttons: [{
  		actions: [],
  		text: 'Cancel',
  		textColor: '#1B9AF7',
  		textProperties: []
  	},{
  		actions: [],
  		text: '<strong>OK</strong>',
  		textColor: '#1B9AF7',
  		textProperties: ['bold']
  	}]
  	,dynamicSizeExpand: 'ios7-alert-dynamic-expand-wrapper'
  };
  
  //TYPE: ACTIONSHEET
  prx.components.ios7_actionsheet = {
      name: 'ios7_actionsheet'
      ,type: 'ios7_actionsheet'
      ,lib: _library
      ,caption: 'Actionsheet'
      ,icon: '-1700px -200px'
      ,helper: prx.url.devices+_path + 'actionsheet/helper.png'
      ,image: prx.url.devices+_path + 'actionsheet/image.png'
      ,width: 250*prx.componentsHelper.getScale(_library)
      ,height: 125*prx.componentsHelper.getScale(_library)
      ,resizable : true
      ,backgroundColor: 'rgba(255,255,255,0.95)'
      ,borderColor: '#CCCCCC'
      ,borderRadius: 3*prx.componentsHelper.getScale(_library)
      ,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
      ,textSize: 20*prx.componentsHelper.getScale(_library)
      ,showtitle: false
      ,detachlast: true
      ,buttons: [{
          actions: [],
          text: 'Delete',
          textColor: '#FF3B30',
          textProperties: []
      },{
          actions: [],
          text: 'Save',
          textColor: '#1B9AF7',
          textProperties: []
      },{
          actions: [],
          text: 'Cancel',
          textColor: '#1B9AF7',
          textProperties: ['bold']
      }]
  };
  
  //TYPE: ACTIONSHEET WITH TITLE
  prx.components.ios7_actionsheet_title = {
  	name: 'ios7_actionsheet_title'
  	,type: 'ios7_actionsheet'
  	,lib: _library
  	,caption: 'Actionsheet with title'
      ,icon: '-1800px -200px'
  	,helper: prx.url.devices+_path + 'actionsheet_title/helper.png'
  	,image: prx.url.devices+_path + 'actionsheet_title/image.png'
  	,width: 250*prx.componentsHelper.getScale(_library)
  	,height: 224*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: 'rgba(255,255,255,0.95)'
  	,borderColor: '#CCCCCC'
  	,borderRadius: 3*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 20*prx.componentsHelper.getScale(_library)
  	,showtitle: true
  	,detachlast: true
  	,buttons: [{
  		actions: [],
  		text: 'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit?',
  		textColor: '#999999',
  		titleTextSize: 16*prx.componentsHelper.getScale(_library),
  		textProperties: []
  	},{
  		actions: [],
  		text: 'Delete',
  		textColor: '#FF3B30',
  		titleTextSize: 16*prx.componentsHelper.getScale(_library),
  		textProperties: []
  	},{
  		actions: [],
  		text: 'Save',
  		textColor: '#1B9AF7',
  		titleTextSize: 16*prx.componentsHelper.getScale(_library),
  		textProperties: []
  	},{
  		actions: [],
  		text: 'Cancel',
  		textColor: '#1B9AF7',
  		titleTextSize: 16*prx.componentsHelper.getScale(_library),
  		textProperties: ['bold']
  	}]
  };
  
  //TYPE: CONTROL POPOVER
  prx.components.ios7_control_popover = {
  	name: 'ios7_control_popover'
  	,type: 'ios7_control_popover'
  	,lib: _library
  	,caption: 'Control Popover'
      ,icon: '-1900px -200px'
  	,helper: prx.url.devices+_path + 'control_popover/helper.png'
  	,image: prx.url.devices+_path + 'control_popover/image.png'
  	,width: 225*prx.componentsHelper.getScale(_library)
  	,height: 40*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: '000000'
  	,borderWidth: 1*prx.componentsHelper.getScale(_library)
  	,borderColor: '#FFFFFF'
  	,borderRadius: 5*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 13*prx.componentsHelper.getScale(_library)
  	,textColor: '#FFFFFF'
  	,textProperties: []
  	,tooltipSize: 10*prx.componentsHelper.getScale(_library)
  	,tooltipPosition: 10
      ,tooltipSide: 'bottom'
  	,buttons: [{
  		actions: [],
  		text: 'Copy'
  	},{
  		actions: [],
  		text: 'Paste'
  	},{
  		actions: [],
  		text: 'Select All'
  	}]
  };
  
  //TYPE: POPOVER
  prx.components.ios7_popover = {
  	name: 'ios7_popover'
  	,type: 'ios7_popover'
  	,lib: _library
  	,caption: 'Popover'
  	,icon: '0 -300px'
  	,helper: prx.url.devices+_path + 'popover/helper.png'
  	,image: prx.url.devices+_path + 'popover/image.png'
  	,width: 225*prx.componentsHelper.getScale(_library)
  	,height: 150*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,backgroundColor: 'rgba(255,255,255,0.95)'
  	,borderRadius: 5*prx.componentsHelper.getScale(_library)
  	,tooltipSize: 10*prx.componentsHelper.getScale(_library)
  	,tooltipSide: 'top'
  	,tooltipPosition: 50
  };
  
  //TYPE: PROGRESS BAR
  prx.components.ios7_progressbar = {
  	name: 'ios7_progressbar'
  	,type: 'ios7_progressbar'
  	,lib: _library
  	,caption: 'Progress bar'
      ,icon: '-100px -300px'
  	,helper: prx.url.devices+_path + 'progressbar/helper.png'
  	,width: 150*prx.componentsHelper.getScale(_library)
  	,height: 2*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,barColor: 'CCCCCC'
  	,fillBarColor: '1B9AF7'
  	,progress: 70
  };
  
  //TYPE: BADGE
  prx.components.ios7_badge = {
  	name: 'ios7_badge'
  	,type: 'ios7_badge'
  	,lib: _library
  	,caption: 'Badge'
      ,icon: '-200px -300px'
  	,helper: prx.url.devices+_path + 'badge/helper.png'
  	,width: 18*prx.componentsHelper.getScale(_library)
  	,height: 13*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,text: '1'
      ,textSize: 9*prx.componentsHelper.getScale(_library)
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textColor: 'ffffff'
  	,textProperties: []
      ,backgroundColor: 'FF4351'
      ,borderRadius: 6*prx.componentsHelper.getScale(_library)
  };
  
  //TYPE: MAP TAG
  prx.components.ios8_map_tag = {
  	name: 'ios8_map_tag'
  	,type: 'ios8_map_tag'
  	,lib: _library
  	,caption: 'Map tag'
      ,icon: '-300px -300px'
  	,helper: prx.url.devices+ _path + 'map_tag/helper.png'
  	,width: 250*prx.componentsHelper.getScale(_library)
  	,height: 52*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,textSize: 18*prx.componentsHelper.getScale(_library)
  	,textColor:  '000000'
  	,textProperties: []
  	,text: 'Map Tag'
  	,durationFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  	,durationSize: 12*prx.componentsHelper.getScale(_library)
  	,durationColor:  'ffffff'
  	,durationProperties: []
  	,durationBgColor:  '#27A1CA'
  	,duration: '50min'
  	,backgroundColor: 'ffffff'
  	,showThumb: true
  	,imgSrc: {"fileId":"e15a1c8db6de07dd76c19879e0d3d168.svg","name":"car2.svg","assetType":"icon","bucketsource":"static","url":"f1352447787435/cb7ab2793057d244a681e0bd37d66024.svg","targetSrc":"generated/cb7ab2793057d244a681e0bd37d66024_ffffff.svg","color":"ffffff"}
  	,imgSrc2: {"fileId":"b821d85ca40ce5ec744f7c97418d2b93.svg","name":"chevron-right.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/54d11361d17fef026e2d6b2c1a8fe379.svg","targetSrc":"generated/54d11361d17fef026e2d6b2c1a8fe379_c6c6c6.svg","color":"C6C6C6"}
  };
  
  //TYPE: MESSAGE BUBBLE
  prx.components.ios8_message_bubble = {
  		name: 'ios8_message_bubble'
  		,type: 'ios8_message_bubble'
  		,lib: _library
  		,caption: 'Message bubble'
      	,icon: '-400px -300px'
  		,helper: prx.url.devices+ _path +'message_bubble/helper.png'
  		,width: 175*prx.componentsHelper.getScale(_library)
  		,height: 75*prx.componentsHelper.getScale(_library)
  		,resizable : true
  		,backgroundColor: 'e5e5ea'
  		,text: 'Hi! I am the default message.'
  		,textFont: 'HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif'
  		,textSize: 9*prx.componentsHelper.getScale(_library)
  		,textColor: '000000'
  		,textAlign: 'left'
  		,textProperties: []
  		,isSender: false
  		,thumbnail: {"fileId": "d310bece0e91b91b485ed62166d1fc2e.svg","assetType": "gallery","bucketsource": "static","name": " image_placeholder.svg", "url": "f1353077251107/01eb56561388a5a9015bcab43ddeeab5.svg"}
  	};
  
  //TYPE: WIDGET
  prx.components.ios10_widget = {
  	name: 'ios10_widget'
  	,type: 'ios10_widget'
  	,lib: _library
  	,caption: 'Widget'
      ,icon: '-500px -300px'
  	,helper: prx.url.devices+_path + 'widget/helper.png'
  	,width: 359*prx.componentsHelper.getScale(_library)
  	,height: 141*prx.componentsHelper.getScale(_library)
  	,resizable : true
  	,title: 'WIDGET'
  	,titleSize: 12*prx.componentsHelper.getScale(_library)
  	,titleFont: 'San Francisco UI Text Light'
  	,titleColor: '7F7F7F'
  	,titleProperties: []
  	,more: 'Show More'
  	,text: ''
  	,textSize: 15*prx.componentsHelper.getScale(_library)
  	,textFont: 'San Francisco UI Text Regular'
  	,textColor: '000000'
  	,textProperties: []
      ,textAlign: 'left'
  	,imgSrc: {"fileId":"aac69ca20d90665f9b88e1fe1c04337b.svg","name":"protoio2.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/aac69ca20d90665f9b88e1fe1c04337b.svg","targetSrc":"generated/aac69ca20d90665f9b88e1fe1c04337b_35a7c1.svg","color":"35A7C1"}
  	,titleBackgroundColor: 'rgba(255,255,255,0.85)'
  	,backgroundColor: 'rgba(255,255,255,0.75)'
  	,borderRadius: 12*prx.componentsHelper.getScale(_library)
  };
  
  //TYPE: NOTIFICATION
  prx.components.ios10_notification = {
      name: 'ios10_notification'
      ,type: 'ios10_widget'
      ,lib: _library
      ,caption: 'Notification'
      ,icon: '-600px -300px'
      ,helper: prx.url.devices+_path + 'notification/helper.png'
      ,width: 359*prx.componentsHelper.getScale(_library)
      ,height: 76*prx.componentsHelper.getScale(_library)
      ,resizable : true
  	,title: 'NOTIFICATION'
  	,titleSize: 12*prx.componentsHelper.getScale(_library)
  	,titleFont: 'San Francisco UI Text Light'
  	,titleColor: '7F7F7F'
  	,titleProperties: []
  	,more: '9m ago'
  	,text: 'Notification text'
  	,textSize: 15*prx.componentsHelper.getScale(_library)
  	,textFont: 'San Francisco UI Text Regular'
  	,textColor: '000000'
      ,textAlign: 'left'
  	,textProperties: []
  	,imgSrc: {"fileId":"aac69ca20d90665f9b88e1fe1c04337b.svg","name":"protoio2.svg","assetType":"icon","bucketsource":"static","url":"f1352971179296/aac69ca20d90665f9b88e1fe1c04337b.svg","targetSrc":"generated/aac69ca20d90665f9b88e1fe1c04337b_35a7c1.svg","color":"35A7C1"}
  	,titleBackgroundColor: 'rgba(255,255,255,0.85)'
  	,backgroundColor: 'rgba(255,255,255,0.75)'
  	,borderRadius: 12*prx.componentsHelper.getScale(_library)
  };