init

static/Vvvebjs/libs/autocomplete/autocomplete.js

@@ -0,0 +1,483 @@
+/**
+*    Json key/value autocomplete for jQuery 
+*    Provides a transparent way to have key/value autocomplete
+*    Copyright (C) 2008 Ziadin Givan
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program.  If not, see http://www.gnu.org/licenses/
+*    
+*    Examples 
+* 
+*	 document.querySelectorAll("input#example").autocomplete("autocomplete.php");//using default parameters
+* 
+*	 document.querySelectorAll("input#example").autocomplete("autocomplete.php",{minChars:3,timeout:3000,validSelection:false,parameters:{'myparam':'myvalue'},before : function(input,text) {},after : function(input,text) {}});
+* 
+*    minChars = Minimum characters the input must have for the ajax request to be made
+*	 timeOut = Number of miliseconds passed after user entered text to make the ajax request   
+*    validSelection = If set to true then will invalidate (set to empty) the value field if the text is not selected (or modified) from the list of items.
+*    parameters = Custom parameters to be passed
+*    after, before = a function that will be caled before/after the ajax request
+*/
+function _AutocompleteInput(el, params) {
+	let textInput = el;
+	let name = textInput.getAttribute("name");
+	let text = textInput.dataset.text;
+	let textName = name;
+	let index = 0;
+	
+	//check if name is array[name]
+	if ((index = textName.lastIndexOf(']')) > 0) {
+		textName = textName.substring(0, index) + "_text" + textName.substring(index, this.length);
+	} else {
+		textName += "_text";
+	}
+	
+	textInput.setAttribute("name", textName);
+	
+	//create a new hidden input that will be used for holding the return value when posting the form, then swap names with the original input
+	let hiddenInput = generateElements('<input type=hidden name="' + name + '"/>')[0];
+	hiddenInput.value = textInput.value;
+	textInput.after(hiddenInput);
+
+	if (text) {
+		textInput.value = text;
+	}
+	
+	let valueInput = el.nextElementSibling;
+	//create the ul that will hold the text and values
+	valueInput.before(generateElements('<ul class="autocomplete"></ul>')[0]);
+	let list = valueInput.previousElementSibling;
+	list.after(generateElements('<button class="btn-close"></button>')[0]);
+	let btnClose = list.nextElementSibling;
+
+	let oldText = '';
+	let typingTimeout;
+	let size = 0;
+	let selected = -1;
+	let self = this;
+
+	
+	let settings = { ...{//provide default settings
+		minChars : 1,
+		timeout: 1000,
+		after : null,
+		before : null,
+		onSelect : null,
+		validSelection : true,
+		allowFreeText:false,
+		searchOnFocus:true,
+		useKeyAsValue:false,
+		url : el.dataset.url,
+		listName : el.dataset.listName ?? "list",
+		parameters : {'inputName' : valueInput.getAttribute('name'), 'inputId' : textInput.getAttribute('id')}
+	}, ...params};
+
+
+	function selectOption(value, text) {
+		valueInput.value = value; 
+		textInput.value = text; 
+
+		const e = new CustomEvent("autocomplete.change", {bubbles: true, detail: { value, text, name, listName:settings.listName } });
+		textInput.dispatchEvent(e);				
+
+		//textInput.trigger("autocomplete.change", [ value, text, name, settings.listName ]);
+		if (typeof settings.onSelect == "function")  {
+				settings.onSelect(value, text, name, settings.listName);
+		}			
+		clear(); 
+	}
+
+	list.addEventListener("click", function (e) {
+		let item = event.target.closest("li"); 
+		if (item) {
+			value = item.getAttribute('value'); 
+			text = item.textContent;
+			if (settings.useKeyAsValue) {
+				selectOption(value, value);
+			} else {
+				selectOption(value, text);
+			}
+		}
+	});	
+
+	function getData(text){
+		window.clearInterval(typingTimeout);
+		if (text != oldText && (settings.minChars != null && text.length >= settings.minChars)) {
+			clear();
+			if (typeof settings.before == "function")  {
+				settings.before(textInput,text);
+			}
+
+			textInput.classList.add('autocomplete-loading');
+			settings.parameters.text = text.trim();
+			
+			
+			let results = (data) => {
+				let items = '';
+				if (data) {
+					size = 0;
+
+					  for ( key in data ) {//get key => value
+							let txt = generateElements("<span>" + data[key] + "<span>")[0].textContent;
+							let replace = txt.replace(text, "<strong>" + text + "</strong>");
+							let value = data[key].replace(txt, replace);
+							
+							items += '<li value="' + key + '">' + value + '</li>';
+							size++;
+					  }
+
+					list.style.width = (Math.max(100, textInput.clientWidth)) + "px";
+					list.innerHTML = items;
+					//on mouse hover over elements set selected class and on click set the selected value and close list
+					list.style.display = "block";
+
+					if (typeof settings.after == "function")  {
+						settings.after(textInput,text);
+					}
+					textInput.classList.add('autocomplete-open');
+				}
+				textInput.classList.remove('autocomplete-loading');
+			};
+			
+			if (settings.url) {
+				fetch(settings.url + "&"+ new URLSearchParams(settings.parameters))
+				.then((response) => {
+					if (!response.ok) { throw new Error(response) }
+					return response.json()
+				})
+				.then(results)
+				.catch(error => {
+					console.log(error.statusText);
+					//displayToast("bg-danger", "Error", "Error saving!");
+				});			
+			}
+			
+			if (settings.data) {
+				results(settings.data.filter((search) => search.indexOf(text) !== -1));
+			}
+			
+			oldText = text;
+		}
+	}
+	
+	function clear() {
+		textInput.classList.remove('autocomplete-open');
+		textInput.classList.remove('autocomplete-loading');
+		list.style.display = "none";
+		size = 0;
+		selected = -1;
+	}	
+	
+	btnClose.addEventListener("click", function (e) {
+		clear();
+		e.preventDefault();
+		return false;
+	});
+
+	if (settings.searchOnFocus) {
+		textInput.addEventListener("focusin", function(e) {
+			getData(textInput.value);
+		});	
+	}
+	
+	textInput.addEventListener("focusout", function(e) {
+		//if no valid selection empty input
+		setTimeout(() => {
+			if (!hiddenInput.value && !settings.allowFreeText) {
+				textInput.value = "";
+			}
+			clear();
+		}, 500);
+	});	
+	
+	textInput.addEventListener("keydown", function(e) {
+		window.clearInterval(typingTimeout);
+
+		if(e.which == 27) {//escape
+			clear();
+		} else if (e.which == 46 || e.which == 8) {//delete and backspace
+			clear();
+			//invalidate previous selection
+			if (settings.validSelection) valueInput.value = "";
+		}
+		else if(e.which == 13) {//enter 
+			if ( list.style.display == "none") {//if the list is not visible then make a new request, otherwise hide the list
+				getData(textInput.value);
+			} else {
+				clear();
+			}
+			
+			if (settings.allowFreeText) {
+				selectOption(textInput.value, textInput.value);
+				clear();
+			} else {
+				let selected = list.querySelector("li.selected");
+				if (selected) {
+					if (settings.useKeyAsValue) {
+						selectOption(selected.getAttribute('value'), selected.getAttribute('value'));
+					} else {
+						selectOption(selected.getAttribute('value'), selected.textContent);
+					}
+					clear();
+				}
+			}
+			e.preventDefault();
+			return false;
+		}
+		else if(e.which == 40 || e.which == 9 || e.which == 38) {//move up, down 
+
+		  switch(e.which) 
+		  {
+			case 40: //down
+			case 9:
+			  selected = (selected >= size - 1) ? 0 : selected + 1; break;
+			case 38://up
+			  selected = (selected < 0) ? size -1 : selected - 1; break;
+			default: break;
+		  }
+		  //set selected item and input values
+		  list.querySelectorAll("li").forEach((e, i) => {
+			  if (i == selected) {
+				  //textInput.value = e.textContent;	        
+				  //valueInput.value = e.getAttribute('value');
+				  e.classList.add("selected");
+			  } else {
+				  e.classList.remove("selected");
+			  }
+		  });
+		} else  { 
+			//invalidate previous selection
+			if (settings.validSelection) valueInput.value = '';
+			typingTimeout = window.setTimeout(function() { getData(textInput.value) },settings.timeout);
+		}
+	});
+	
+	return textInput;
+}
+	
+function _AutocompleteList(el, options) {
+	
+		let autocomplete = _AutocompleteInput(el, options);//$(el).autocomplete(options);
+		let values = {};
+
+		let settings = { ...{//provide default settings
+			listName : el.dataset.listName ?? "list",
+		}, ...options};
+
+		//look ahead if autocomple-list element is already in the page and reuse
+		//useful to populate the autocomplete list from db
+		let list;
+		let sibling = autocomplete;
+		while (sibling = sibling.nextElementSibling) {
+			if (sibling.classList.contains("autocomplete-list")) {
+				if (sibling.tagName != "input") {
+					list = sibling;
+				}
+				break;
+			}
+		}
+
+		if (!list) {
+			list = generateElements('<div class="autocomplete-list card border-top-0"></div>')[0];
+		}
+		
+		let autocomplete_hidden = autocomplete.nextElementSibling;
+		let name = autocomplete_hidden.getAttribute("name");
+		
+		autocomplete_hidden.nextElementSibling.nextElementSibling.after(list);
+		let autocomplete_list_hidden = generateElements('<input type=hidden name="' + name + '_list"  value="' + autocomplete_hidden.value + '"/>')[0];
+		
+		//list.after(autocomplete_list_hidden.nextElementSibling);//add list after btn-close
+
+		function addItem(value, text) {
+			
+			list.append(generateElements('<div>\
+				<span>' + text + '</span>\
+				<button type="button" class="btn-close remove-btn" aria-label="Remove"></button>\
+				<input name="' + settings.listName + '[' + value + ']" value="' + value + '" type="hidden">\
+			 </div>')[0]);
+			 autocomplete.value = "";
+		};
+	
+		function setList() {
+			let values = {};
+			list.querySelectorAll('input[type="hidden"]').forEach(el => {
+				values[el.value] = el.parentNode.querySelector("span").textContent;
+			});
+
+			autocomplete_list_hidden.value = JSON.stringify(values);
+			
+			return values;
+		};
+
+		
+		function setValue(value) { 
+			if (value == "" || value == undefined) return false;
+			let values = [];
+//			value = decodeURIComponent(value);
+
+			if (typeof value == "string") {
+				values = JSON.parse(value);
+			} else /*if (typeof value == "string")*/ {
+				values = value;
+			}
+			
+			for (key in values) {
+				addItem(key, values[key]);
+			}
+			
+			setList();
+		};
+
+		autocomplete.addEventListener("autocomplete.change", function (event) {
+				autocomplete.addItem(event.detail.value, event.detail.text);
+				values = autocomplete.setList();
+				const e = new CustomEvent('autocompletelist.change', {bubbles: true, detail: [ JSON.stringify(values) ] });
+				event.currentTarget.dispatchEvent(e);				
+				//autocomplete.trigger("autocompletelist.change", [ JSON.stringify(values) ]);
+			  //target, event, element, input
+		  }
+		);		
+/*
+		autocomplete.on("autocomplete.change", function(event, value, text) { 
+				autocomplete.addItem(value, text);
+				values = autocomplete.setList();
+				const e = new CustomEvent('autocompletelist.change', {bubbles: true, detail: [ JSON.stringify(values) ] });
+				event.currentTarget.dispatchEvent(e);				
+				//autocomplete.trigger("autocompletelist.change", [ JSON.stringify(values) ]);
+		 });
+*/
+		list.addEventListener("click", function (event, value, text)  {
+			let item = event.target.closest(".remove-btn"); 
+			if (item) {
+				item.parentNode.remove();
+				let values = setList();
+				const e = new CustomEvent('autocompletelist.change', {bubbles: true, detail: [ values ] });
+				autocomplete.dispatchEvent(e);				
+				//autocomplete.trigger("autocompletelist.change", [ JSON.stringify(values) ]);
+				event.preventDefault();
+				return false;
+			}
+		});		 
+
+		autocomplete.setValue = setValue;
+		autocomplete.addItem = addItem;
+		autocomplete.setList = setList;
+
+		el.autocompleteList = autocomplete;
+		
+		return autocomplete;
+}
+
+ function _TagsInput(el, options)  {
+		let autocomplete = _AutocompleteInput(el, options);//$(el).autocomplete(options);
+
+		let settings = { ...{//provide default settings
+			listName : el.dataset.listName ?? "list",
+		}, ...options};
+
+		let list = autocomplete.parentNode;//document.querySelectorAll('<div class="form-control autocomplete-list" style="min-height: 100px;height: 100px; overflow: auto;"></div>');
+		
+		let autocomplete_hidden = autocomplete.nextElementSibling;
+		
+		let name = autocomplete_hidden.getAttribute("name");
+		
+		autocomplete_hidden.nextElementSibling;//.after(list);
+		let autocomplete_list_hidden = generateElements('<input type=hidden name="' + name + '_list" value="' + autocomplete_hidden.value + '"/>')[0];
+		
+		list.appendChild(autocomplete_list_hidden);
+
+		function addItem(value, text) {
+			let attributes = ';'
+			let name = '';
+			//if name is array set value otherwise set value as array key
+			if (settings.listName.lastIndexOf('[') > 0) {
+				name = settings.listName + '[' + value + ']';
+				attributes = 'name="' + name + '" value="' + text + '"';
+			} else {
+				name = settings.listName + '[' + settings.listId + '][' + value + ']';
+				attributes = 'name="' + name + '" value="' + text + '"';
+			}
+			
+			autocomplete.before(generateElements('<div class="tag"><span>' + text + '</span>\
+				<a href="#" class="remove-btn"><i class="la la-times"></i></a>\
+				<input ' + attributes + ' type="hidden">\
+			 </div>')[0]);
+			 autocomplete.value = "";
+		};
+	
+		function setList() {
+			
+			let values = {};
+			//console.log(('input[name ="list[]"]', list).serialize());
+			list.querySelectorAll('.tag input[type="hidden"]').forEach(el => {
+				values[el.value] = el.parentNode.querySelector("span").textContent;
+			});
+
+			//values = encodeURIComponent(JSON.stringify(values));
+			//values = JSON.stringify(values);//.replace('"', '\"');
+			autocomplete_list_hidden.value = JSON.stringify(values);
+			return values;
+		};
+
+		
+		function setValue(value) { 
+			if (value == "" || value == undefined) return false;
+			let values = [];
+//			value = decodeURIComponent(value);
+
+			if (typeof value == "string") {
+				values = JSON.parse(value);
+			} else /*if (typeof value == "string")*/ {
+				values = value;
+			}
+			
+			for (key in values) {
+				addItem(key, values[key]);
+			}
+			
+			setList();
+		};
+
+		let self = this;
+
+		autocomplete.addEventListener("autocomplete.change", function(event) { 
+				addItem(event.detail.value, event.detail.text);
+				let values = autocomplete.setList();
+				const e = new CustomEvent("tagsinput.change", {bubbles: true, detail: [ values ] });
+				autocomplete.dispatchEvent(e);				
+				//autocomplete.trigger("tagsinput.change", [ values ]);
+		 });
+
+		list.addEventListener("click", function (event)  {
+			let item = event.target.closest(".remove-btn"); 
+			if (item) {
+				item.parentNode.remove();
+
+				let values = setList();
+				const e = new CustomEvent('tagsinput.change', {bubbles: true, detail: [ values ] });
+				autocomplete.dispatchEvent(e);				
+				
+				event.preventDefault();
+				return false;
+			}
+		});		 
+
+		autocomplete.setValue = setValue;
+		autocomplete.addItem = addItem;
+		autocomplete.setList = setList;
+
+		el.tagsInput = autocomplete;
+		
+		return autocomplete;
+}

static/Vvvebjs/libs/autocomplete/jquery.autocomplete.js

@@ -0,0 +1,334 @@
+/**
+*    Json key/value autocomplete for jQuery 
+*    Provides a transparent way to have key/value autocomplete
+*    Copyright (C) 2008 Ziadin Givan
+*
+*    This program is free software: you can redistribute it and/or modify
+*    it under the terms of the GNU Lesser General Public License as published by
+*    the Free Software Foundation, either version 3 of the License, or
+*    (at your option) any later version.
+*
+*    This program is distributed in the hope that it will be useful,
+*    but WITHOUT ANY WARRANTY; without even the implied warranty of
+*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*    GNU General Public License for more details.
+*
+*    You should have received a copy of the GNU Lesser General Public License
+*    along with this program.  If not, see http://www.gnu.org/licenses/
+*    
+*    Examples 
+* 
+*	 $("input#example").autocomplete("autocomplete.php");//using default parameters
+* 
+*	 $("input#example").autocomplete("autocomplete.php",{minChars:3,timeout:3000,validSelection:false,parameters:{'myparam':'myvalue'},before : function(input,text) {},after : function(input,text) {}});
+* 
+*    minChars = Minimum characters the input must have for the ajax request to be made
+*	 timeOut = Number of miliseconds passed after user entered text to make the ajax request   
+*    validSelection = If set to true then will invalidate (set to empty) the value field if the text is not selected (or modified) from the list of items.
+*    parameters = Custom parameters to be passed
+*    after, before = a function that will be caled before/after the ajax request
+*/
+(function ($) {
+
+$.fn.autocomplete = function(settings) 
+{
+	return this.each( function()//do it for each matched element
+	{
+		var textInput = $(this);
+		textInput.attr("name", textInput.attr("name") + "_text");
+		
+		//create a new hidden input that will be used for holding the return value when posting the form, then swap names with the original input
+		var hiddenInput = $('<input type=hidden name="' + textInput.attr("name") + '"/>');
+		hiddenInput.val( textInput.val() );
+		textInput.after(hiddenInput);
+		
+		var valueInput = $(this).next();
+		//create the ul that will hold the text and values
+		valueInput.after('<ul class="autocomplete"></ul>');
+		var list = valueInput.next();
+		
+		var oldText = '';
+		var typingTimeout;
+		var size = 0;
+		var selected = -1;
+
+		settings = $.extend(//provide default settings
+		{
+			minChars : 1,
+			timeout: 1000,
+			after : null,
+			before : null,
+			validSelection : true,
+			url : this.dataset.url,
+			parameters : {'inputName' : valueInput.attr('name'), 'inputId' : textInput.attr('id')}
+		} , settings);
+
+		function getData(text)
+		{
+			window.clearInterval(typingTimeout);
+			if (text != oldText && (settings.minChars != null && text.length >= settings.minChars))
+			{
+				clear();
+				if (settings.before == "function") 
+				{
+					settings.before(textInput,text);
+				}
+				textInput.addClass('autocomplete-loading');
+				settings.parameters.text = text;
+				
+				$.getJSON(settings.url, settings.parameters, function(data)
+				{
+					var items = '';
+					if (data)
+					{
+						size = 0;
+
+						  for ( key in data )//get key => value
+						  {	
+								items += '<li value="' + key + '">' + data[key].replace(new RegExp("(" + text + ")","i"),"<strong>$1</strong>") + '</li>';
+								size++;
+						  }
+						
+						list.css({/*top: textInput.offset().top + textInput.outerHeight(), left: textInput.offset().left,*/ width: Math.max(100, textInput.outerWidth())}).html(items);
+						//on mouse hover over elements set selected class and on click set the selected value and close list
+						list.show().children().
+						hover(function() { $(this).addClass("selected").siblings().removeClass("selected");}, function() { $(this).removeClass("selected") } ).
+						  click(function () { value = $(this).attr('value'); text = $(this).text();valueInput.val( value ); textInput.val( text ); textInput.trigger("autocomplete.change", [ value, text ]);clear(); });
+
+						if (settings.after == "function") 
+						{
+							settings.after(textInput,text);
+						}
+						
+					}
+					textInput.removeClass('autocomplete-loading');
+				});
+				oldText = text;
+			}
+		}
+		
+		function clear()
+		{
+			list.hide();
+			size = 0;
+			selected = -1;
+		}	
+		
+		textInput.keydown(function(e) 
+		{
+			window.clearInterval(typingTimeout);
+			if(e.which == 27)//escape
+			{
+				clear();
+			} else if (e.which == 46 || e.which == 8)//delete and backspace
+			{
+				clear();
+				//invalidate previous selection
+				if (settings.validSelection) valueInput.val('');
+			}
+			else if(e.which == 13)//enter 
+			{ 
+				if ( list.css("display") == "none")//if the list is not visible then make a new request, otherwise hide the list
+				{ 
+					getData(textInput.val());
+				} else
+				{
+					clear();
+				}
+				e.preventDefault();
+				return false;
+			}
+			else if(e.which == 40 || e.which == 9 || e.which == 38)//move up, down 
+			{
+			  switch(e.which) 
+			  {
+				case 40: //down
+				case 9:
+				  selected = (selected >= size - 1) ? 0 : selected + 1; break;
+				case 38://up
+				  selected = (selected < 0) ? size -1 : selected - 1; break;
+				default: break;
+			  }
+			  //set selected item and input values
+			  textInput.val( list.children().removeClass('selected').eq(selected).addClass('selected').text() );	        
+			  valueInput.val( list.children().eq(selected).attr('value') );
+			} else 
+			{ 
+				//invalidate previous selection
+				if (settings.validSelection) valueInput.val('');
+				typingTimeout = window.setTimeout(function() { getData(textInput.val()) },settings.timeout);
+			}
+		});
+	});
+};
+
+$.autocompleteList = function(el, settings) 
+{
+		var autocomplete = $(el).autocomplete(settings);
+		
+		var list = $('<div class="autocomplete-list card border-top-0"></div>');
+		
+		var autocomplete_hidden = autocomplete.next();
+		
+		var name =  autocomplete_hidden.attr("name");
+		
+		autocomplete_hidden.next().after(list);
+		var autocomplete_list_hidden = $('<input type=hidden name="' + name + '_list"  value="' + autocomplete_hidden.val() + '"/>');
+		
+		list.after(autocomplete_list_hidden);
+
+		function addItem(value, text)
+		{
+			list.append($('<div class=""><button type="button" class="remove-btn close text-muted" aria-label="Close"><div aria-hidden="true">&times;</div></button><span>' + text + '</span>\
+				<input name="list[]" value="' + value + '" type="hidden">\
+			 </div>'));
+			 autocomplete.val("");
+		};
+	
+		function setList()
+		{
+			values = {};
+			$('input[name="list[]"]', list).each(function(i, el)
+			{
+				values[this.value] = $("span", this.parentNode).text();
+			});
+
+			autocomplete_list_hidden.val( JSON.stringify(values) );
+		};
+
+		
+		function setValue(value) { 
+			if (value == "" || value == undefined) return false;
+//			value = decodeURIComponent(value);
+			values = JSON.parse(value);
+			
+			for (key in values)
+			{
+				addItem(key, values[key]);
+			}
+			
+			setList();
+		};
+
+		autocomplete.on("autocomplete.change", function(event, value, text) { 
+				var autolist = $(this).data("autocompleteList");
+
+				autolist.addItem(value, text);
+				autolist.setList();
+				autolist.trigger("autocompletelist.change", [ JSON.stringify(values) ]);
+		 });
+
+		list.on("click", ".remove-btn", function (event, value, text) 
+		{
+			this.parentNode.remove();
+			setList();
+			autocomplete.trigger("autocompletelist.change", [ JSON.stringify(values) ]);
+
+			event.preventDefault();
+			return false;
+		});		 
+
+		autocomplete.setValue = setValue;
+		autocomplete.addItem = addItem;
+		autocomplete.setList = setList;
+
+		$.data(el, "autocompleteList", autocomplete);
+		
+		return autocomplete;
+}
+
+$.fn.autocompleteList = function(options) 
+{
+	return this.each( function()
+	{
+		$.autocompleteList(this, options);
+	});
+};
+
+$.tagsInput = function(el, settings) 
+{
+		var autocomplete = $(el).autocomplete(settings);
+		
+		var list = autocomplete.parent();//$('<div class="form-control autocomplete-list" style="min-height: 100px;height: 100px; overflow: auto;"></div>');
+		
+		var autocomplete_hidden = autocomplete.next();
+		
+		var name =  autocomplete_hidden.attr("name");
+		
+		autocomplete_hidden.next();//.after(list);
+		var autocomplete_list_hidden = $('<input type=hidden name="' + name + '_list" value="' + autocomplete_hidden.val() + '"/>');
+		
+		list.append(autocomplete_list_hidden);
+
+		function addItem(value, text)
+		{
+			autocomplete.before($('<div class="badge border m-1"><a href="#" class="btn-link"><i class="la la-close"></i></a> <span>' + text + '</span>\
+				<input name="list[]" value="' + value + '" type="hidden">\
+			 </div>'));
+			 autocomplete.val("");
+		};
+	
+		function setList()
+		{
+			var values = {};
+			//console.log($('input[name="list[]"]', list).serialize());
+			$('input[name="list[]"]', list).each(function(i, el)
+			{
+				values[this.value] = $("span", this.parentNode).text();
+			});
+
+			//values = encodeURIComponent(JSON.stringify(values));
+			values = JSON.stringify(values);//.replace('"', '\"');
+			autocomplete_list_hidden.val( values );
+			return values;
+		};
+
+		
+		function setValue(value) { 
+			if (value == "" || value == undefined) return false;
+			values = JSON.parse(value);
+			
+			for (key in values)
+			{
+				addItem(key, values[key]);
+			}
+			
+			setList();
+		};
+
+		autocomplete.on("autocomplete.change", function(event, value, text) { 
+				var autolist = $(this).data("tagsInput");
+
+				autolist.addItem(value, text);
+				var values = autolist.setList();
+				autolist.trigger("tagsinput.change", [ values ]);
+		 });
+
+		list.on("click", ".remove-btn", function (event, value, text) 
+		{
+			this.parentNode.remove();
+			var values = autolist.setList();
+			autocomplete.trigger("tagsinput.change", [ values ]);
+
+			event.preventDefault();
+			return false;
+		});		 
+
+		autocomplete.setValue = setValue;
+		autocomplete.addItem = addItem;
+		autocomplete.setList = setList;
+
+		$.data(el, "tagsInput", autocomplete);
+		
+		return autocomplete;
+}
+
+$.fn.tagsInput = function(options) 
+{
+	return this.each( function()//do it for each matched element
+	{
+		$.tagsInput(this, options);
+	});
+};
+
+})(jQuery);

static/Vvvebjs/libs/builder/components-embeds.js

@@ -0,0 +1,92 @@
+/*
+Copyright 2017 Ziadin Givan
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+https://github.com/givanz/VvvebJs
+*/
+
+
+Vvveb.ComponentsGroup['Embeds'] = ["embeds/embed"];
+
+Vvveb.Components.extend("_base", "embeds/embed", {
+    name: "Embed",
+    attributes: ["data-component-oembed"],
+    image: "icons/code.svg",
+    //dragHtml: '<img src="' + Vvveb.baseUrl + 'icons/maps.png">',
+	html: `<div data-component-oembed data-url="">
+			<div class="alert alert-light  m-5" role="alert">
+				<img width="64" src="${Vvveb.baseUrl}icons/code.svg">
+				<h6>Enter url to embed</h6>
+			</div></div>`,
+
+
+    properties: [{
+        name: "Url",
+        key: "url",
+		htmlAttr: "data-url",
+        inputtype: TextInput,
+        onChange: function(node, value) {
+			node.innerHTML = `<div class="alert alert-light d-flex justify-content-center">
+				  <div class="spinner-border m-5" role="status">
+					<span class="visually-hidden">Loading...</span>
+				  </div>
+				</div>`;
+			
+			getOembed(value).then(response => {
+				  node.innerHTML = response.html;
+				  let containerW = node.offsetWidth;
+				  let iframe = node.querySelector("iframe");
+				  if (iframe) {
+					  let ratio = containerW / iframe.offsetWidth;
+					  iframe.setAttribute("width", (width * ratio));
+					  iframe.setAttribute("height", (height * ratio));
+				  }
+
+				  let arr = node.querySelectorAll('script').forEach(script => {
+						let newScript = Vvveb.Builder.frameDoc.createElement("script");
+						newScript.src = script.src;
+						script.replaceWith(newScript);
+				  });				  
+				  
+			}).catch(error => console.log(error));
+
+			return node;
+		},	
+    },{
+        name: "Width",
+        key: "width",
+        child:"iframe",
+        htmlAttr: "width",
+        inputtype: CssUnitInput
+    },{
+        name: "Height",
+        key: "height",
+        child:"iframe",
+        htmlAttr: "height",
+        inputtype: CssUnitInput
+	}]
+});
+
+for (const provider of ["youtube", "vimeo", "dailymotion", "flickr", "smugmug", "scribd", "twitter", "soundcloud", "slideshare", "spotify", "imgur", "issuu", "mixcloud", "ted", "animoto", "tumblr", "kickstarter", "reverbnation", "reddit", "speakerdeck", "screencast", "amazon", "someecards", "tiktok","pinterest", "wolfram", "anghami"])  {
+	Vvveb.Components.add("embeds/" + provider, {
+		name: provider,
+		image: "icons/code.svg",
+		html: `<div data-component-oembed data-url="">
+				<div class="alert alert-light  m-5" role="alert">
+					<img width="64" src="${Vvveb.baseUrl}icons/code.svg">
+					<h6>Enter ${provider} url to embed</h6>
+				</div></div>`,
+	});
+	Vvveb.ComponentsGroup['Embeds'].push("embeds/" + provider);
+}

static/Vvvebjs/libs/builder/components-server.js

@@ -0,0 +1,432 @@
+/*
+Copyright 2017 Ziadin Givan
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+https://github.com/givanz/VvvebJs
+*/
+
+Vvveb.ComponentsGroup['Server Components'] = ["components/products", "components/product", "components/categories", "components/manufacturers", "components/search", "components/user", "components/product_gallery", "components/cart", "components/checkout", "components/filters", "components/product", "components/slider"];
+
+
+Vvveb.Components.add("components/product", {
+    name: "Product",
+    attributes: ["data-component-product"],
+
+    image: "icons/map.svg",
+    html: '<iframe frameborder="0" src="https://maps.google.com/maps?&z=1&t=q&output=embed"></iframe>',
+    
+	properties: [
+	{
+        name: "Id",
+        key: "id",
+        htmlAttr: "id",
+        inputtype: TextInput
+    },
+	{
+        name: "Select",
+        key: "id",
+        htmlAttr: "id",
+        inputtype: SelectInput,
+        data:{
+			options: [{
+                value: "",
+                text: "None"
+            }, {
+                value: "pull-left",
+                text: "Left"
+            }, {
+                value: "pull-right",
+                text: "Right"
+            }]
+       },
+    },
+	{
+        name: "Select 2",
+        key: "id",
+        htmlAttr: "id",
+        inputtype: SelectInput,
+        data:{
+			options: [{
+                value: "",
+                text: "nimic"
+            }, {
+                value: "pull-left",
+                text: "gigi"
+            }, {
+                value: "pull-right",
+                text: "vasile"
+            }, {
+                value: "pull-right",
+                text: "sad34"
+            }]
+       },
+    }]
+});    
+
+
+Vvveb.Components.add("components/products", {
+    name: "Products",
+    attributes: ["data-component-products"],
+
+    image: "icons/products.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+
+    init: function (node)
+	{
+		$('.mb-3[data-group]').hide();
+		if (node.dataset.type != undefined)
+		{
+			$('.mb-3[data-group="'+ node.dataset.type + '"]').show();
+		} else
+		{		
+			$('.mb-3[data-group]:first').show();
+		}
+	},
+    properties: [{
+        name: false,
+        key: "type",
+        inputtype: RadioButtonInput,
+		htmlAttr:"data-type",
+        data: {
+            inline: true,
+            extraclass:"btn-group-fullwidth",
+            options: [{
+                value: "autocomplete",
+                text: "Autocomplete",
+                title: "Autocomplete",
+                icon:"la la-search",
+                checked:true,
+            }, {
+                value: "automatic",
+                icon:"la la-cog",
+                text: "Configuration",
+                title: "Configuration",
+            }],
+        },
+		onChange : function(element, value, input) {
+			
+			$('.mb-3[data-group]').hide();
+			$('.mb-3[data-group="'+ input.value + '"]').show();
+
+			return element;
+		}, 
+		init: function(node) {
+			return node.dataset.type;
+		},            
+    },{
+        name: "Products",
+        key: "products",
+        group:"autocomplete",
+        htmlAttr:"data-products",
+        inputtype: AutocompleteList,
+        data: {
+            url: "/admin/?module=editor/editor&action=productsAutocomplete",
+        },
+    },{
+        name: "Number of products",
+        group:"automatic",
+        key: "limit",
+		htmlAttr:"data-limit",
+        inputtype: NumberInput,
+        data: {
+            value: "8",//default
+            min: "1",
+            max: "1024",
+            step: "1"
+        },        
+        getFromNode: function(node) {
+            return 10
+        },
+    },{
+        name: "Start from page",
+        group:"automatic",
+        key: "page",
+		htmlAttr:"data-page",
+        data: {
+            value: "1",//default
+            min: "1",
+            max: "1024",
+            step: "1"
+        },        
+        inputtype: NumberInput,
+        getFromNode: function(node) {
+            return 0
+        },
+    },{
+        name: "Order by",
+        group:"automatic",
+        key: "order",
+		htmlAttr:"data-order",
+        inputtype: SelectInput,
+        data: {
+            options: [{
+				value: "price_asc",
+                text: "Price Ascending"
+            }, {
+                value: "price_desc",
+                text: "Price Descending"
+            }, {
+                value: "date_asc",
+                text: "Date Ascending"
+            }, {
+                value: "date_desc",
+                text: "Date Descending"
+            }, {
+                value: "sales_asc",
+                text: "Sales Ascending"
+            }, {
+                value: "sales_desc",
+                text: "Sales Descending"
+            }]
+		}
+	},{
+        name: "Category",
+        group:"automatic",
+        key: "category",
+		htmlAttr:"data-category",
+        inputtype: AutocompleteList,
+        data: {
+            url: "/admin/?module=editor/editor&action=productsAutocomplete",
+        },
+
+	},{
+        name: "Manufacturer",
+        group:"automatic",
+        key: "manufacturer",
+		htmlAttr:"data-manufacturer",
+        inputtype: AutocompleteList,
+        data: {
+            url: "/admin/?module=editor/editor&action=productsAutocomplete",
+		}
+	},{
+        name: "Manufacturer 2",
+        group:"automatic",
+        key: "manufacturer 2",
+		htmlAttr:"data-manufacturer2",
+        inputtype: AutocompleteList,
+        data: {
+            url: "/admin/?module=editor/editor&action=productsAutocomplete",
+        },
+    }]
+});
+
+Vvveb.Components.add("components/manufacturers", {
+    name: "Manufacturers",
+    classes: ["component_manufacturers"],
+    image: "icons/categories.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        nolabel:false,
+        inputtype: TextInput,
+        data: {text:"Fields"}
+	},{
+        name: "Name",
+        key: "category",
+        inputtype: TextInput
+	},{
+        name: "Image",
+        key: "category",
+        inputtype: TextInput
+	}
+    ]
+});
+
+Vvveb.Components.add("components/categories", {
+    name: "Categories",
+    classes: ["component_categories"],
+    image: "icons/categories.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "Name",
+        key: "name",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }]
+});
+Vvveb.Components.add("components/search", {
+    name: "Search",
+    classes: ["component_search"],
+    image: "icons/search.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "asdasdad",
+        key: "src",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }, {
+        name: "34234234",
+        key: "width",
+        htmlAttr: "width",
+        inputtype: TextInput
+    }, {
+        name: "d32d23",
+        key: "height",
+        htmlAttr: "height",
+        inputtype: TextInput
+    }]
+});
+Vvveb.Components.add("components/user", {
+    name: "User",
+    classes: ["component_user"],
+    image: "icons/user.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "asdasdad",
+        key: "src",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }, {
+        name: "34234234",
+        key: "width",
+        htmlAttr: "width",
+        inputtype: TextInput
+    }, {
+        name: "d32d23",
+        key: "height",
+        htmlAttr: "height",
+        inputtype: TextInput
+    }]
+});
+Vvveb.Components.add("components/product_gallery", {
+    name: "Product gallery",
+    classes: ["component_product_gallery"],
+    image: "icons/product_gallery.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "asdasdad",
+        key: "src",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }, {
+        name: "34234234",
+        key: "width",
+        htmlAttr: "width",
+        inputtype: TextInput
+    }, {
+        name: "d32d23",
+        key: "height",
+        htmlAttr: "height",
+        inputtype: TextInput
+    }]
+});
+Vvveb.Components.add("components/cart", {
+    name: "Cart",
+    classes: ["component_cart"],
+    image: "icons/cart.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "asdasdad",
+        key: "src",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }, {
+        name: "34234234",
+        key: "width",
+        htmlAttr: "width",
+        inputtype: TextInput
+    }, {
+        name: "d32d23",
+        key: "height",
+        htmlAttr: "height",
+        inputtype: TextInput
+    }]
+});
+Vvveb.Components.add("components/checkout", {
+    name: "Checkout",
+    classes: ["component_checkout"],
+    image: "icons/checkout.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "asdasdad",
+        key: "src",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }, {
+        name: "34234234",
+        key: "width",
+        htmlAttr: "width",
+        inputtype: TextInput
+    }, {
+        name: "d32d23",
+        key: "height",
+        htmlAttr: "height",
+        inputtype: TextInput
+    }]
+});
+Vvveb.Components.add("components/filters", {
+    name: "Filters",
+    classes: ["component_filters"],
+    image: "icons/filters.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "asdasdad",
+        key: "src",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }, {
+        name: "34234234",
+        key: "width",
+        htmlAttr: "width",
+        inputtype: TextInput
+    }, {
+        name: "d32d23",
+        key: "height",
+        htmlAttr: "height",
+        inputtype: TextInput
+    }]
+});
+Vvveb.Components.add("components/product", {
+    name: "Product",
+    classes: ["component_product"],
+    image: "icons/product.svg",
+    html: '<div class="mb-3"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "asdasdad",
+        key: "src",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }, {
+        name: "34234234",
+        key: "width",
+        htmlAttr: "width",
+        inputtype: TextInput
+    }, {
+        name: "d32d23",
+        key: "height",
+        htmlAttr: "height",
+        inputtype: TextInput
+    }]
+});
+Vvveb.Components.add("components/slider", {
+    name: "Slider",
+    classes: ["component_slider"],
+    image: "icons/slider.svg",
+    html: '<div class="form-group"><label>Your response:</label><textarea class="form-control"></textarea></div>',
+    properties: [{
+        name: "asdasdad",
+        key: "src",
+        htmlAttr: "src",
+        inputtype: FileUploadInput
+    }, {
+        name: "34234234",
+        key: "width",
+        htmlAttr: "width",
+        inputtype: TextInput
+    }, {
+        name: "d32d23",
+        key: "height",
+        htmlAttr: "height",
+        inputtype: TextInput
+    }]
+});

static/Vvvebjs/libs/builder/components-widgets.js

@@ -0,0 +1,839 @@
+/*
+Copyright 2017 Ziadin Givan
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+
+https://github.com/givanz/VvvebJs
+*/
+
+Vvveb.ComponentsGroup['Widgets'] = ["widgets/googlemaps", "widgets/embed-video", "widgets/chartjs", "widgets/lottie",/* "widgets/facebookpage", */"widgets/paypal", /*"widgets/instagram",*/ "widgets/twitter", "widgets/openstreetmap"/*, "widgets/facebookcomments"*/];
+
+Vvveb.Components.extend("_base", "widgets/googlemaps", {
+    name: "Google Maps",
+    attributes: ["data-component-maps"],
+    image: "icons/map.svg",
+    dragHtml: '<img src="' + Vvveb.baseUrl + 'icons/maps.png">',
+    html: '<div data-component-maps><iframe frameborder="0" src="https://maps.google.com/maps?q=Bucharest&z=15&t=q&key=&output=embed" width="100%" height="100%" style="width:100%;height:100%;left:0px"></iframe></div>',
+    resizable:true,//show select box resize handlers
+    resizeMode:"css",
+    
+    
+    //url parameters
+    z:3, //zoom
+    q:'Paris',//location
+    t: 'q', //map type q = roadmap, w = satellite
+    key: '',
+    
+	init: function (node) {
+		let iframe = node.querySelector('iframe');
+		let url = new URL(iframe.getAttribute("src"));
+		let params = new URLSearchParams(url.search);
+		
+		this.z = params.get("z");
+		this.q = params.get("q");
+		this.t = params.get("t");
+		this.key = params.get("key");
+
+		document.querySelector(".component-properties input[name=z]").value = this.z;
+		document.querySelector(".component-properties input[name=q]").value = this.q;
+		document.querySelector(".component-properties select[name=t]").value = this.t;
+		document.querySelector(".component-properties input[name=key]").value = this.key;
+	},
+	    
+    onChange: function (node, property, value) {
+		map_iframe = node.querySelector('iframe');
+		
+		this[property.key] = value;
+		
+		mapurl = 'https://maps.google.com/maps?q=' + this.q + '&z=' + this.z + '&t=' + this.t + '&output=embed';
+		
+		map_iframe.setAttribute("src",mapurl);
+		
+		return node;
+	},
+
+    properties: [{
+        name: "Address",
+        key: "q",
+        inputtype: TextInput
+    },{
+        name: "Map type",
+        key: "t",
+        inputtype: SelectInput,
+        data:{
+			options: [{
+                value: "q",
+                text: "Roadmap"
+            },{
+                value: "w",
+                text: "Satellite"
+            }]
+       },
+    },{
+        name: "Zoom",
+        key: "z",
+        inputtype: RangeInput,
+        data:{
+			max: 20, //max zoom level
+			min:1,
+			step:1
+		}
+    },{
+        name: "Key",
+        key: "key",
+        inputtype: TextInput
+	}]
+});
+
+Vvveb.Components.extend("_base", "widgets/openstreetmap", {
+    name: "Open Street Map",
+    attributes: ["data-component-openstreetmap"],
+    image: "icons/map.svg",
+    dragHtml: '<img src="' + Vvveb.baseUrl + 'icons/maps.png">',
+    html: `<div data-component-openstreetmap><iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-62.04673002474011%2C16.95487694424327%2C-61.60521696321666%2C17.196751341562923&layer=mapnik"></iframe></div>`,
+    resizable:true,//show select box resize handlers
+    resizeMode:"css",
+    
+    
+    //url parameters
+    bbox:'',//location
+    layer: 'mapnik', //map type
+    
+	init: function (node) {
+		let iframe = node.querySelector('iframe');
+		let url = new URL(iframe.getAttribute("src"));
+		let params = new URLSearchParams(url.search);
+		
+		this.bbox = params.get("bbox");
+		this.layer = params.get("layer");
+
+		document.querySelector(".component-properties input[name=bbox]").value = this.bbox;
+		document.querySelector(".component-properties input[name=layer]").value = this.layer;
+	},
+	    
+    onChange: function (node, property, value) {
+		map_iframe = node.querySelector('iframe');
+		
+		this[property.key] = value;
+		
+		mapurl = 'https://www.openstreetmap.org/export/embed.html?bbox=' + this.bbox + '&layer=' + this.layer;
+		
+		map_iframe.setAttribute("src",mapurl);
+		
+		return node;
+	},
+
+    properties: [{
+        name: "Map",
+        key: "bbox",
+        inputtype: TextInput
+/*    },{
+        name: "Layer",
+        key: "layer",
+        inputtype: SelectInput,
+        data:{
+			options: [{
+                value: "",
+                text: "Default"
+            },{
+                value: "Y",
+                text: "CyclOSM"
+            },{
+                value: "C",
+                text: "Cycle Map"
+            },{
+                value: "T",
+                text: "Transport Map"
+            }]
+       }*/
+	}]
+});
+
+Vvveb.Components.extend("_base", "widgets/embed-video", {
+    name: "Embed Video",
+    attributes: ["data-component-video"],
+    image: "icons/youtube.svg",
+    dragHtml: '<img src="' + Vvveb.baseUrl + 'icons/youtube.svg" width="100" height="100">', //use image for drag and swap with iframe on drop for drag performance
+    html: '<div data-component-video style="width:640px;height:480px;"><iframe frameborder="0" src="https://player.vimeo.com/video/24253126?autoplay=false&controls=false&loop=false&playsinline=true&muted=false" width="100%" height="100%"></iframe></div>',
+    
+    
+    //url parameters set with onChange
+    t:'y',//video type
+    video_id:'',//video id
+    url: '', //html5 video src
+    autoplay: false,
+    controls: false,
+    loop: false,
+    playsinline: true,
+    muted: false,
+    resizable:true,//show select box resize handlers
+    resizeMode:"css",//div unlike img/iframe etc does not have width,height attributes need to use css
+	youtubeRegex:/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]+)/i,
+	vimeoRegex : /(?:vimeo\.com(?:[^\d]+))(\d+)/i,
+
+	init: function (node) {
+		iframe = node.querySelector('iframe');
+		video = node.querySelector('video');
+		
+		document.querySelector(".component-properties [data-key=url]").style.display = "none";
+		document.querySelector(".component-properties [data-key=poster]").style.display = "none";
+		
+		//check if html5
+		if (video) {
+			this.url = video.src;
+		} else if (iframe) {//vimeo or youtube
+			let src = iframe.getAttribute("src");
+			let match;
+
+			if (src && src.indexOf("youtube") && (match = src.match(this.youtubeRegex))) {//youtube
+				this.video_id = match[1];
+				this.t = "y";
+			} else if (src && src.indexOf("vimeo") && (match = src.match(this.vimeoRegex))) { //vimeo
+				this.video_id = match[1];
+				this.t = "v";
+			} else {
+				this.t = "h";
+			}
+		}
+		
+		document.querySelector(".component-properties input[name=video_id]").value = this.video_id;
+		document.querySelector(".component-properties input[name=url]").value = this.url;
+		document.querySelector(".component-properties select[name=t]").value = this.t;
+	},
+	
+	onChange: function (node, property, value) {
+		this[property.key] = value;
+		//if (property.key == "t")
+		{
+			switch (this.t) {
+				case 'y':
+					document.querySelector(".component-properties [data-key=video_id]").style.display = "";
+					document.querySelector(".component-properties [data-key=url]").style.display = "none";
+					document.querySelector(".component-properties [data-key=poster]").style.display = "none";
+				
+					newnode = generateElements(`<iframe width="100%" height="100%" allowfullscreen="true" frameborder="0" allow="autoplay" 
+										src="https://www.youtube.com/embed/${this.video_id}?autoplay=${this.autoplay}&controls=${this.controls}&loop=${this.loop}&playsinline=${this.playsinline}&muted=${this.muted}">
+								</iframe>`)[0];
+				break;
+				case 'v':
+					document.querySelector(".component-properties [data-key=video_id]").style.display = "";
+					document.querySelector(".component-properties [data-key=url]").style.display = "none";
+					document.querySelector(".component-properties [data-key=poster]").style.display = "none";
+					newnode = generateElements(`<iframe width="100%" height="100%" allowfullscreen="true" frameborder="0" allow="autoplay" 
+										src="https://player.vimeo.com/video/${this.video_id}?autoplay=${this.autoplay}&controls=${this.controls}&loop=${this.loop}&playsinline=${this.playsinline}&muted=${this.muted}">
+								</iframe>`)[0];
+				break;
+				case 'h':
+					document.querySelector(".component-properties [data-key=video_id]").style.display = "none";
+					document.querySelector(".component-properties [data-key=url]").style.display = "";
+					document.querySelector(".component-properties [data-key=poster]").style.display = "";
+					newnode = generateElements('<video poster="' + this.poster + '" src="' + this.url + '" ' + (this.autoplay?' autoplay ':'') + (this.controls?' controls ':'') + (this.loop?' loop ':'') + (this.playsinline?' playsinline ':'') + (this.muted?' muted ':'') + ' style="height: 100%; width: 100%;"></video>')[0];
+				break;
+			}
+			
+			node.querySelector(":scope > iframe,:scope  > video").replaceWith(newnode);
+			return node;
+		}
+		
+		return node;
+	},	
+	
+    properties: [{
+        name: "Provider",
+        key: "t",
+        inputtype: SelectInput,
+        data:{
+			options: [{
+                text: "Youtube",
+                value: "y"
+            },{
+                text: "Vimeo",
+                value: "v"
+            },{
+                text: "HTML5",
+                value: "h"
+            }]
+       },
+	 },{
+        name: "Video",
+        key: "video_id",
+        inputtype: TextInput,
+   		onChange: function(node, value, input, component) {
+			
+			let youtube = /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]+)/i;
+			let vimeo = /(?:vimeo\.com(?:[^\d]+))(\d+)/i;
+			let id = false;
+			let t = false;
+
+			if (((id = value.match(youtube)) && (t = "y")) || ((id = value.match(vimeo)) && (t = "v"))) {
+				document.querySelector(".component-properties select[name=t]").value = t;
+				document.querySelector(".component-properties select[name=video_id]").value = id[1];
+
+				component.t = t;
+				component.video_id = id[1];
+
+				return id[1];
+			}
+			
+			return node;
+		}
+    },{
+        name: "Poster",
+        key: "poster",
+        htmlAttr: "poster",
+        inputtype: ImageInput
+    },{
+        name: "Url",
+        key: "url",
+        inputtype: TextInput
+    },{
+		name: "Width",
+        key: "width",
+        htmlAttr: "style",
+        inline:false,
+        col:6,
+        inputtype: CssUnitInput
+    },{
+        name: "Height",
+        key: "height",
+        htmlAttr: "style",
+        inline:false,
+        col:6,
+        inputtype: CssUnitInput
+    },{
+		key: "video_options",
+        inputtype: SectionInput,
+        name:false,
+        data: {header:"Options"},
+    },{
+        name: "Auto play",
+        key: "autoplay",
+        htmlAttr: "autoplay",
+        inline:true,
+        col:4,
+        inputtype: CheckboxInput
+    },{
+        name: "Plays inline",
+        key: "playsinline",
+        htmlAttr: "playsinline",
+        inline:true,
+        col:4,
+        inputtype: CheckboxInput
+    },{
+        name: "Controls",
+        key: "controls",
+        htmlAttr: "controls",
+        inline:true,
+        col:4,
+        inputtype: CheckboxInput
+    },{
+        name: "Loop",
+        key: "loop",
+        htmlAttr: "loop",
+        inline:true,
+        col:4,
+        inputtype: CheckboxInput
+    },{
+        name: "Muted",
+        key: "muted",
+        htmlAttr: "muted",
+        inline:true,
+        col:4,
+        inputtype: CheckboxInput
+	},{
+		name:"",
+		key: "autoplay_warning",
+        inline:false,
+        col:12,
+        inputtype: NoticeInput,
+        data: {
+			type:'warning',
+			title:'Autoplay',
+			text:'Most browsers allow auto play only if video is muted and plays inline'
+		}
+	}]
+});
+
+Vvveb.Components.extend("_base", "widgets/facebookcomments", {
+    name: "Facebook Comments",
+    attributes: ["data-component-facebookcomments"],
+    image: "icons/facebook.svg",
+    dragHtml: '<img src="' + Vvveb.baseUrl + 'icons/facebook.svg">',
+    html: '<div  data-component-facebookcomments><script>(function(d, s, id) {\
+			  let js, fjs = d.getElementsByTagName(s)[0];\
+			  if (d.getElementById(id)) return;\
+			  js = d.createElement(s); js.id = id;\
+			  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=";\
+			  fjs.parentNode.insertBefore(js, fjs);\
+			}(document, \'script\', \'facebook-jssdk\'));</script>\
+			<div class="fb-comments" \
+			data-href="' + window.location.href + '" \
+			data-numposts="5" \
+			data-colorscheme="light" \
+			data-mobile="" \
+			data-order-by="social" \
+			data-width="100%" \
+			></div></div>',
+    properties: [{
+        name: "Href",
+        key: "business",
+        htmlAttr: "data-href",
+        child:".fb-comments",
+        inputtype: TextInput
+    },{		
+        name: "Item name",
+        key: "item_name",
+        htmlAttr: "data-numposts",
+        child:".fb-comments",
+        inputtype: TextInput
+    },{		
+        name: "Color scheme",
+        key: "colorscheme",
+        htmlAttr: "data-colorscheme",
+        child:".fb-comments",
+        inputtype: TextInput
+    },{		
+        name: "Order by",
+        key: "order-by",
+        htmlAttr: "data-order-by",
+        child:".fb-comments",
+        inputtype: TextInput
+    },{		
+        name: "Currency code",
+        key: "width",
+        htmlAttr: "data-width",
+        child:".fb-comments",
+        inputtype: TextInput
+	}]
+});
+/*
+Vvveb.Components.extend("_base", "widgets/instagram", {
+    name: "Instagram",
+    attributes: ["data-component-instagram"],
+    image: "icons/instagram.svg",
+    drophtml: '<img src="' + Vvveb.baseUrl + 'icons/instagram.png">',
+    html: '<div align=center data-component-instagram>\
+			<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/tsxp1hhQTG/" data-instgrm-version="8" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/tsxp1hhQTG/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">Text</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">A post shared by <a href="https://www.instagram.com/instagram/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank"> Instagram</a> (@instagram) on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="-">-</time></p></div></blockquote>\
+			<script async defer src="//www.instagram.com/embed.js"></script>\
+		</div>',
+    properties: [{
+        name: "Widget id",
+        key: "instgrm-permalink",
+        htmlAttr: "data-instgrm-permalink",
+        child: ".instagram-media",
+        inputtype: TextInput
+    }],
+});
+*/
+Vvveb.Components.extend("_base", "widgets/twitter", {
+    name: "Twitter",
+    attributes: ["data-component-twitter"],
+    image: "icons/twitter.svg",
+    dragHtml: '<img src="' + Vvveb.baseUrl + 'icons/twitter.svg">',
+    html: '<div data-component-twitter><iframe width="100%" height="100%"src="https://platform.twitter.com/embed/Tweet.html?embedId=twitter-widget-0&frame=false&hideCard=false&hideThread=false&id=943901463998169088"></iframe></div>',
+    resizable:true,//show select box resize handlers
+    resizeMode:"css",
+    twitterRegex : /(?:twitter\.com(?:[^\d]+))(\d+)/i,
+
+    tweet:'',//location
+	init: function (node) {
+		let iframe = node.querySelector('iframe');
+		let src = iframe.getAttribute("src");
+		let url = new URL(src);
+		let params = new URLSearchParams(url.search);
+		
+		this.tweet = params.get("id");
+		
+		if (!this.tweet) {
+			if (match = src.match(this.twitterRegex)) {
+				this.tweet = match[1];
+			}
+			
+		}
+
+		document.querySelector(".component-properties input[name=tweet]").value = this.tweet;
+	},
+	    
+    onChange: function (node, property, value) {
+		tweet_iframe = node.querySelector('iframe');
+
+		if (property.key == "tweet") {
+			this[property.key] = value;
+			
+			tweeturl = 'https://platform.twitter.com/embed/Tweet.html?embedId=twitter-widget-0&frame=false&hideCard=false&hideThread=false&id=' + this.tweet;
+			
+			tweet_iframe.setAttribute("src",tweeturl);
+		}
+		
+		return node;
+	},
+
+    properties: [{
+        name: "Tweet",
+        key: "tweet",
+        inputtype: TextInput,
+   		onChange: function(node, value, input, component) {
+			
+			let twitterRegex = /(?:twitter\.com(?:[^\d]+))(\d+)/i;
+			let id = false;
+
+			if (id = value.match(twitterRegex)) {
+				document.querySelector(".component-properties input[name=tweet]").value = id[1];
+
+				component.tweet = id[1];
+				return id[1];
+			}
+			
+			return node;
+		}
+	}]
+});
+
+Vvveb.Components.extend("_base", "widgets/paypal", {
+    name: "Paypal",
+    attributes: ["data-component-paypal"],
+    image: "icons/paypal.svg",
+    html: '<form action="https://www.paypal.com/cgi-bin/webscr" method="post" data-component-paypal>\
+\
+				<!-- Identify your business so that you can collect the payments. -->\
+				<input type="hidden" name="business"\
+					value="givanz@yahoo.com">\
+\
+				<!-- Specify a Donate button. -->\
+				<input type="hidden" name="cmd" value="_donations">\
+\
+				<!-- Specify details about the contribution -->\
+				<input type="hidden" name="item_name" value="VvvebJs">\
+				<input type="hidden" name="item_number" value="Support">\
+				<input type="hidden" name="currency_code" value="USD">\
+\
+				<!-- Display the payment button. -->\
+				<input type="image" name="submit"\
+				src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif"\
+				alt="Donate">\
+				<img alt="" width="1" height="1"\
+				src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" >\
+\
+			</form>',
+    properties: [{
+        name: "Email",
+        key: "business",
+        htmlAttr: "value",
+        child:"input[name='business']",
+        inputtype: TextInput
+    },{		
+        name: "Item name",
+        key: "item_name",
+        htmlAttr: "value",
+        child:"input[name='item_name']",
+        inputtype: TextInput
+    },{		
+        name: "Item number",
+        key: "item_number",
+        htmlAttr: "value",
+        child:"input[name='item_number']",
+        inputtype: TextInput
+    },{		
+        name: "Currency code",
+        key: "currency_code",
+        htmlAttr: "value",
+        child:"input[name='currency_code']",
+        inputtype: TextInput
+	}],
+});
+    
+Vvveb.Components.extend("_base", "widgets/facebookpage", {
+    name: "Facebook Page Plugin",
+    attributes: ["data-component-facebookpage"],
+    image: "icons/facebook.svg",
+    dropHtml: '<img src="' + Vvveb.baseUrl + 'icons/facebook.png">',
+	html: `<div data-component-facebookpage><div class="fb-page" 
+			 data-href="https://www.facebook.com/facebook" 
+			 data-tabs="timeline"
+			 data-width="" 
+			 data-height="" 
+			 data-small-header="true" 
+			 data-adapt-container-width="true" 
+			 data-hide-cover="false" 
+			 data-show-facepile="true">
+			 
+				<blockquote cite="https://www.facebook.com/facebook" class="fb-xfbml-parse-ignore">
+					<a href="https://www.facebook.com/facebook">Facebook</a>
+				</blockquote>
+
+			</div>
+
+			<div id="fb-root"></div>
+			<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ro_RO/sdk.js#xfbml=1&version=v15.0" nonce="o7Y7zPjy"></script>
+		</div>`,
+
+    properties: [{
+        name: "Small header",
+        key: "small-header",
+        htmlAttr: "data-small-header",
+        child:".fb-page",
+        inputtype: TextInput
+    },{		
+        name: "Adapt container width",
+        key: "adapt-container-width",
+        htmlAttr: "data-adapt-container-width",
+        child:".fb-page",
+        inputtype: TextInput
+    },{		
+        name: "Hide cover",
+        key: "hide-cover",
+        htmlAttr: "data-hide-cover",
+        child:".fb-page",
+        inputtype: TextInput
+    },{		
+        name: "Show facepile",
+        key: "show-facepile",
+        htmlAttr: "data-show-facepile",
+        child:".fb-page",
+        inputtype: TextInput
+    },{		
+        name: "App Id",
+        key: "appid",
+        htmlAttr: "data-appId",
+        child:".fb-page",
+        inputtype: TextInput
+	}],
+   onChange: function(node, input, value, component) {
+	   
+	   let newElement = generateElements(this.html)[0];
+	   newElement.find(".fb-page").setAttribute(input.htmlAttr, value);
+
+	   frameHead.querySelector("[data-fbcssmodules]").remove();
+	   frameBody.querySelector("[data-fbcssmodules]").remove();
+	   frameHead.querySelector("script[src^='https://connect.facebook.net']").remove();
+
+
+	   node.parent().html(newElement.html());
+	   return newElement;
+	}	
+});
+    
+Vvveb.Components.extend("_base", "widgets/chartjs", {
+    name: "Chart.js",
+    attributes: ["data-component-chartjs"],
+    image: "icons/chart.svg",
+	dragHtml: '<img src="' + Vvveb.baseUrl + 'icons/chart.svg">',
+    html: '<div data-component-chartjs class="chartjs" data-chart=\'{\
+			"type": "line",\
+			"data": {\
+				"labels": ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],\
+				"datasets": [{\
+					"data": [12, 19, 3, 5, 2, 3],\
+					"fill": false,\
+					"borderColor":"rgba(255, 99, 132, 0.2)"\
+				},{\
+					"fill": false,\
+					"data": [3, 15, 7, 4, 19, 12],\
+					"borderColor": "rgba(54, 162, 235, 0.2)"\
+				}]\
+			}}\' style="min-height:240px;min-width:240px;width:100%;height:100%;position:relative">\
+			  <canvas></canvas>\
+			</div>',
+	chartjs: null,
+	ctx: null,
+	node: null,
+
+	config: {/*
+			type: 'line',
+			data: {
+				labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
+				datasets: [{
+					data: [12, 19, 3, 5, 2, 3],
+					fill: false,
+					borderColor:'rgba(255, 99, 132, 0.2)',
+				},{
+					fill: false,
+					data: [3, 15, 7, 4, 19, 12],
+					borderColor: 'rgba(54, 162, 235, 0.2)',
+				}]
+			},*/
+	},		
+
+	dragStart: function (node) {
+		//check if chartjs is included and if not add it when drag starts to allow the script to load
+		body = Vvveb.Builder.frameBody;
+		
+		if (document.getElementById("#chartjs-script")) {
+			body.append(generateElements('<script id="chartjs-script" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.min.js"></script>')[0]);
+			body.append(generateElements('<script>\
+				$(document).ready(function() {\
+					$(".chartjs").each(function () {\
+						ctx = $("canvas", this).get(0).getContext("2d");\
+						config = JSON.parse(this.dataset.chart);\
+						chartjs = new Chart(ctx, config);\
+					});\
+				\});\
+			  </script>')[0]);
+		}
+		
+		return node;
+	},
+	
+
+	drawChart: function () {
+		if (this.chartjs != null) this.chartjs.destroy();
+		this.node.dataset.chart = JSON.stringify(this.config);
+		
+		config = Object.assign({}, this.config);//avoid passing by reference to avoid chartjs to fill the object
+		this.chartjs = new Chart(this.ctx, config);
+	},
+	
+	init: function (node) {
+		this.node = node;
+		this.ctx = node.querySelector("canvas").getContext("2d");
+		this.config = JSON.parse(node.dataset.chart);
+		this.drawChart();
+
+		return node;
+	},
+  
+  
+	beforeInit: function (node) {
+		return node;
+	},
+    
+    properties: [{
+        name: "Type",
+        key: "type",
+        inputtype: SelectInput,
+        data:{
+			options: [{
+                text: "Line",
+                value: "line"
+            },{
+                text: "Bar",
+                value: "bar"
+            },{
+                text: "Pie",
+                value: "pie"
+            },{
+                text: "Doughnut",
+                value: "doughnut"
+            },{
+                text: "Polar Area",
+                value: "polarArea"
+            },{
+                text: "Bubble",
+                value: "bubble"
+            },{
+                text: "Scatter",
+                value: "scatter"
+            },{
+                text: "Radar",
+                value: "radar"
+            }]
+       },
+		init: function(node) {
+			return JSON.parse(node.dataset.chart).type;
+		},
+       onChange: function(node, value, input, component) {
+		   component.config.type = value;
+		   component.drawChart();
+		   
+		   return node;
+		}
+	 }]
+});
+
+function lottieAfterDrop(node) {
+	//check if lottie js is included and if not add it when drag starts to allow the script to load
+	body = Vvveb.Builder.frameBody;
+
+	if (!body.querySelector("#lottie-js")) {
+		let lib = document.createElement('script');
+		let code = document.createElement('script');
+		lib.id = 'lottie-js';
+		lib.type = 'text/javascript';
+		lib.src = 'https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.12.2/lottie.min.js';
+		code.type = 'text/javascript';
+		code.text = `
+		let lottie = [];
+		function initLottie(onlyNew = false) {
+			if (typeof bodymovin == "undefined") return;
+			
+			
+			let list = document.querySelectorAll('.lottie' + (onlyNew ? ":not(.lottie-initialized)" : "") );
+			list.forEach(el => {
+				el.replaceChildren();
+				let animItem = bodymovin.loadAnimation({
+				  wrapper: el,
+				  animType: 'svg',
+				  loop: (el.dataset.loop  == "true" ? true : false),
+				  autoplay: (el.dataset.autoplay == "true" ? true : false),
+				  path: el.dataset.path
+				});
+				
+			});
+		}
+
+		if (document.readyState !== 'loading') {
+			initLottie();
+		  } else {
+			document.addEventListener('DOMContentLoaded', initLottie);
+		  }`;			
+		
+		body.appendChild(lib);
+		body.appendChild(code);
+		
+		lib.addEventListener('load', function() {		
+			Vvveb.Builder.iframe.contentWindow.initLottie();
+		});
+	} else {
+		Vvveb.Builder.iframe.contentWindow.initLottie(true);
+	}
+	
+	return node;
+};
+
+Vvveb.Components.add("widgets/lottie", {
+    name: "Lottie",
+    image: "icons/lottie.svg",
+    attributes: ["data-component-lottie"],
+    html: `
+	  <div class="lottie" data-component-lottie data-path="https://labs.nearpod.com/bodymovin/demo/markus/isometric/markus2.json" data-loop="true" data-autoplay="true">
+	  </div>	
+	`,
+	afterDrop: lottieAfterDrop,
+	
+    onChange: function (node, property, value) {
+		Vvveb.Builder.iframe.contentWindow.initLottie();
+		Vvveb.Builder.selectNode(node);
+		return node;
+	},	
+	
+    properties: [{
+		name: "Path",
+        key: "path",
+        //inputtype: ImageInput,
+        inputtype: TextInput,
+		htmlAttr:"data-path",
+	},{
+		name: "Autoplay",
+        key: "autoplay",
+		htmlAttr:"data-autoplay",
+		inputtype: CheckboxInput,
+		inline:true,
+        col:4
+	},{	name: "Loop",
+        key: "loop",
+		htmlAttr:"data-loop",
+		inputtype: CheckboxInput,
+		inline:true,
+        col:4
+	}]
+});

static/Vvvebjs/libs/builder/icons/accordion.svg

@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="150mm"
+   height="150mm"
+   viewBox="0 0 150 150"
+   version="1.1"
+   id="svg18"
+   sodipodi:docname="accordion-min (1).svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+  <metadata
+     id="metadata24">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs22" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     id="namedview20"
+     showgrid="false"
+     inkscape:zoom="0.41627778"
+     inkscape:cx="288.26905"
+     inkscape:cy="283.46457"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18" />
+  <g
+     transform="translate(-35.883 -48.843)"
+     stroke-miterlimit="0"
+     stroke-linecap="round"
+     stroke-width="3"
+     stroke="#000"
+     fill="none"
+     id="g14"
+     style="stroke-width:3;stroke-miterlimit:3;stroke-dasharray:none">
+    <rect
+       width="112.577"
+       height="33.841"
+       x="57.38"
+       y="57.278"
+       ry="1.975"
+       stroke-linejoin="round"
+       id="rect2"
+       style="stroke-width:3;stroke-miterlimit:3;stroke-dasharray:none" />
+    <path
+       d="M67.527 74.198l49.034-.035M142.736 70.67l6.773 8.608 7.62-8.043M67.47 142.601l49.034-.035"
+       stroke-linejoin="round"
+       id="path4"
+       style="stroke-width:3;stroke-miterlimit:3;stroke-dasharray:none" />
+    <rect
+       width="112.577"
+       height="33.841"
+       x="57.323"
+       y="125.681"
+       ry="0"
+       id="rect6"
+       style="stroke-width:3;stroke-miterlimit:3;stroke-dasharray:none" />
+    <path
+       d="M142.679 139.074l6.773 8.607 7.62-8.043"
+       stroke-linejoin="round"
+       id="path8"
+       style="stroke-width:3;stroke-miterlimit:3;stroke-dasharray:none" />
+    <rect
+       width="112.577"
+       height="33.841"
+       x="57.323"
+       y="159.522"
+       ry="1.975"
+       stroke-linejoin="round"
+       id="rect10"
+       style="stroke-width:3;stroke-miterlimit:3;stroke-dasharray:none" />
+    <path
+       d="M67.47 176.442l49.034-.035M142.68 172.914l6.772 8.608 7.62-8.043"
+       stroke-linejoin="round"
+       id="path12"
+       style="stroke-width:3;stroke-miterlimit:3;stroke-dasharray:none" />
+  </g>
+  <path
+     d="M134.014 40.423V80.14M21.436 32.641v45.927"
+     fill="none"
+     stroke="#000"
+     stroke-width="5.292"
+     stroke-miterlimit="4.667"
+     id="path16"
+     style="stroke-width:3;stroke-miterlimit:3;stroke-dasharray:none" />
+</svg>

static/Vvvebjs/libs/builder/icons/alert.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="128" x2="128" y1="104" y2="144"/><path d="M114.2,40l-88,152A16,16,0,0,0,40,216H216a16,16,0,0,0,13.8-24l-88-152A15.9,15.9,0,0,0,114.2,40Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><circle cx="128" cy="180" r="8"/></svg>

static/Vvvebjs/libs/builder/icons/archives.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><rect fill="none" height="40" rx="8" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" width="208" x="24" y="56"/><path d="M216,96v96a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V96" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="104" x2="152" y1="136" y2="136"/></svg>

static/Vvvebjs/libs/builder/icons/arrow-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="#777777" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 184l144 144 144-144"/></svg>

static/Vvvebjs/libs/builder/icons/arrow-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="#777777" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M184 112l144 144-144 144"/></svg>

static/Vvvebjs/libs/builder/icons/audio.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M218.9,77.1a71.9,71.9,0,0,1,0,101.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><path d="M80,168H32a8,8,0,0,1-8-8V96a8,8,0,0,1,8-8H80l72-56V224Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="80" x2="80" y1="88" y2="168"/><path d="M190.6,105.4a31.9,31.9,0,0,1,0,45.2" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/badge.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="69.035049mm"
+   height="53.390339mm"
+   viewBox="0 0 244.61238 189.17836"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="badge.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="160.15716"
+     inkscape:cy="93.418188"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="18"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="18"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-39.478688,-359.04335)">
+    <rect
+       style="fill:#000000"
+       id="rect3361"
+       width="173.74623"
+       height="61.619305"
+       x="74.911758"
+       y="422.82288"
+       ry="30.809652" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="103.72372"
+       y="464.62762"
+       id="text3338"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan3340"
+         x="103.72372"
+         y="464.62762"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:30px;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';fill:#ffffff">BADGE</tspan></text>
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/bell.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19.22 13.5272L8.14006 18.1353C7.63012 18.3474 7.04408 18.0936 7.04236 17.5413C7.03808 16.1689 7.77445 14.5066 7.57913 13.3144C6.92697 9.33398 6.06771 6.36172 9.19994 5.05904C12.3516 3.74829 13.8228 6.40921 16.1969 9.73031C16.8934 10.7047 18.6001 11.348 19.5746 12.3285C19.9639 12.7203 19.73 13.3151 19.22 13.5272Z" stroke="black"/><path d="M12.8518 17.4823C13.0622 17.9929 12.8189 18.5774 12.3082 18.7878C11.7976 18.9982 11.2131 18.7548 11.0027 18.2442" stroke="black" stroke-linecap="round"/></svg>

static/Vvvebjs/libs/builder/icons/blockquote.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M108,144H40a8,8,0,0,1-8-8V72a8,8,0,0,1,8-8h60a8,8,0,0,1,8,8v88a40,40,0,0,1-40,40" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><path d="M224,144H156a8,8,0,0,1-8-8V72a8,8,0,0,1,8-8h60a8,8,0,0,1,8,8v88a40,40,0,0,1-40,40" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/breadcrumbs.svg

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="93.848511mm"
+   height="76.074524mm"
+   viewBox="0 0 332.53409 269.55537"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="breadcrumbs.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="341.74652"
+     inkscape:cy="110.79218"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="30"
+     fit-margin-left="20"
+     fit-margin-right="20"
+     fit-margin-bottom="30"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-2222.1699,-1136.8864)">
+    <path
+       style="fill:#000000;fill-opacity:1"
+       d="m 2371.0967,1243.1898 c -2.3701,0.099 -4.3103,1.9236 -4.3103,4.5676 0,1.8187 0.3813,2.4054 6.6781,10.2658 3.673,4.5851 10.2397,12.8924 10.2397,13.0196 l 0,0.9565 c 0,0.1555 -5.8292,7.5636 -8.6006,11.0206 -8.2638,10.308 -8.3172,10.3868 -8.3172,12.2952 0,2.012 1.5903,4.1962 3.3826,4.6461 2.7984,0.7023 3.6371,-0.071 13.8439,-12.7658 5.3394,-6.6407 10.0693,-12.6894 10.511,-13.4414 1.5124,-2.5743 1.0724,-3.3335 -9.7858,-16.8924 -5.5885,-6.9785 -10.6207,-12.9019 -11.1831,-13.1623 -0.8297,-0.3839 -1.6681,-0.5425 -2.4583,-0.5095 z"
+       id="path4672"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cssccsscscssc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 2335.8239,1271.5233 -43.7167,-0.5464"
+       id="path4703"
+       inkscape:connector-curvature="0" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 2478.7666,1273.0753 -43.7167,-0.5464"
+       id="path4703-9"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/button.svg

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="164.46278mm"
+   height="142.39598mm"
+   viewBox="0 0 582.74218 504.55268"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="button.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="738.30243"
+     inkscape:cy="-223.70595"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="30"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-70.885489,-14.238365)">
+    <path
+       style="fill:#000000"
+       d="m 494.20923,481.2624 c -4.6854,-2.50327 -4.4316,-2.11736 -24.10388,-36.64404 l -3.07088,-5.38967 -7.66263,7.59102 c -8.13374,8.05773 -13.76404,10.75814 -19.45333,9.33021 -2.87277,-0.72102 -9.20193,-5.82536 -10.70453,-8.63299 -0.50535,-0.94425 -3.42336,-16.07004 -6.48446,-33.61287 -3.0611,-17.54282 -5.81619,-33.13353 -6.12242,-34.64603 l -0.55679,-2.75 -129.87134,0 c -90.95044,0 -131.45945,-0.33118 -135.17056,-1.10508 -17.73365,-3.69813 -34.95224,-19.30464 -41.88038,-37.95936 l -2.39009,-6.43557 -0.29823,-80.19822 c -0.33269,-89.46525 -0.46937,-87.3458 6.48631,-100.58248 7.10143,-13.51406 21.51272,-24.67588 36.38628,-28.18188 5.59245,-1.31826 32.30232,-1.50788 212.39691,-1.50788 180.09462,0 206.80442,0.18962 212.39692,1.50788 20.5408,4.84188 38.8697,23.27981 43.0061,43.26179 0.7416,3.58214 1.0922,30.31426 1.0822,82.5 -0.016,85.87755 0.1158,83.97342 -6.7422,97.09769 -4.9252,9.42539 -15.4162,19.91854 -24.8352,24.84037 -10.8995,5.69541 -16.4344,6.75842 -35.3679,6.79258 l -16.5399,0.0298 4.2315,3.72016 c 13.4089,11.78837 7.5867,28.09936 -10.9815,30.76527 -2.6125,0.37509 -4.75,0.95136 -4.75,1.28062 0,0.32925 4.7957,6.90478 10.657,14.61227 6.8974,9.06976 10.9578,15.35205 11.5095,17.80746 1.0597,4.71633 -0.5174,11.47299 -3.492,14.96055 -1.196,1.40227 -9.0737,7.18309 -17.506,12.84627 -13.6584,9.17309 -15.8954,10.34087 -20.5,10.7015 -4.0696,0.31874 -6.1253,-0.10637 -9.6685,-1.99941 z m 19.2893,-27.18065 c 4.8658,-3.28081 8.5848,-6.45933 8.3312,-7.12039 -0.2521,-0.65676 -6.7948,-9.57166 -14.5394,-19.81089 -14.9828,-19.80897 -15.7561,-21.50261 -12.6024,-27.60126 1.6973,-3.28229 6.4453,-5.28645 16.8142,-7.09742 3.7361,-0.65252 6.6611,-1.51115 6.5,-1.90806 -0.5607,-1.38137 -90.98982,-82.17213 -91.45484,-81.70711 -0.25755,0.25754 1.7678,13.22647 4.50078,28.81984 2.73297,15.59336 7.29376,41.85157 10.13508,58.35157 2.84133,16.5 5.36722,30.61928 5.61309,31.37617 0.28927,0.89049 3.60499,-1.66813 9.3953,-7.25 8.3125,-8.01329 9.24329,-8.62617 13.10062,-8.62617 6.12167,0 9.52267,4.20169 22.91307,28.30737 6.3227,11.38243 11.7227,20.58222 12,20.44398 0.2772,-0.13823 4.4592,-2.91817 9.2933,-6.17763 z M 412.20922,354.56032 c 0,-0.52124 -2.25,-13.73134 -5,-29.35578 -2.75,-15.62443 -5,-30.06589 -5,-32.09213 0,-4.95342 3.36286,-11.24517 7.29034,-13.63988 4.19527,-2.55799 12.14153,-2.6135 16.20966,-0.11324 1.65,1.01409 21.60199,18.56241 44.33776,38.99626 l 41.33775,37.15248 25.7286,0 c 14.2119,0 28.3846,-0.48638 31.6622,-1.08658 11.8373,-2.16767 21.1926,-9.74167 25.6504,-20.76634 l 2.2833,-5.64709 0,-80.50001 0,-80.5 -2.9127,-6.30823 c -3.4972,-7.57413 -9.4554,-13.17986 -17.4402,-16.40843 l -5.6471,-2.28335 -205.00002,-0.28093 c -146.5729,-0.20086 -206.90217,0.035 -211.674,0.82753 -12.26064,2.03632 -21.6278,9.99579 -25.06243,21.29607 -0.97267,3.20016 -1.2636,22.46132 -1.2636,83.65734 0,74.50822 0.11557,79.8518 1.84055,85.10268 3.62286,11.02805 13.09994,19.71811 23.7969,21.82071 6.13704,1.20629 258.86259,1.33216 258.86259,0.12892 z"
+       id="path4198"
+       inkscape:connector-curvature="0" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="180.2063"
+       y="273.24332"
+       id="text4200"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan4202"
+         x="180.2063"
+         y="273.24332"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:90.00000763px;font-family:Arial;-inkscape-font-specification:'Arial Bold'">BUTTON</tspan></text>
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/button_group.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="115.13439mm"
+   height="109.32118mm"
+   viewBox="0 0 407.95651 387.35848"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="button_group.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.9899495"
+     inkscape:cx="103.20824"
+     inkscape:cy="228.42086"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="35"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="35"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1617.6138,-733.71057)">
+    <rect
+       style="opacity:0;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4634"
+       width="417.69809"
+       height="307.08636"
+       x="1581.8502"
+       y="992.8822" />
+    <rect
+       style="opacity:0;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4636"
+       width="582.14288"
+       height="339.28571"
+       x="1523.015"
+       y="981.98187" />
+    <path
+       style="fill:#000000"
+       d="m 1773.8216,857.77397 c -34.1582,0.40227 -68.383,-0.73055 -102.5019,1.04297 -8.8181,1.79892 -15.0763,10.08581 -18.2324,17.95118 0.4197,34.28185 -1.0035,68.65955 1.4277,102.8789 0.4016,4.86956 2.7687,9.6398 7.0625,11.80469 l 4.1016,2.00976 c 11.5719,4.27617 18.2784,2.28297 27.3279,3.22935 58.965,0.53252 117.7987,0.0267 176.5705,0.36245 33.8593,-0.50409 68.4353,0.12373 102.4707,-0.52539 8.613,-3.97798 17.7055,-11.50875 17.2324,-21.93359 1.4684,-32.75127 0.5413,-65.55829 0.8164,-98.33203 -4.0908,-9.19578 -12.3444,-18.76226 -23.3984,-17.85743 -64.2737,-1.20767 -128.5921,-0.38261 -192.877,-0.63086 z m 151.0039,12.5 c 15.4164,0.51071 31.1027,-1.00724 46.2325,1.14063 8.3287,3.86848 5.703,13.99257 6.3501,21.24196 -0.1059,28.20646 0.9964,56.82043 -1.1509,84.70921 -2.2273,7.62791 -11.5343,6.04029 -17.6068,6.4189 -25.6865,0.51047 -51.3807,0.35871 -77.0709,0.44243 4e-4,-37.98698 -5e-4,-75.97396 0,-113.96094 14.416,0.003 28.832,0.005 43.248,0.008 z m -163.248,59.49415 0,54.45898 c -29.7102,-0.42128 -59.5834,0.75166 -89.1699,-1.19531 -7.8875,-2.7507 -5.6947,-12.44595 -6.3968,-18.77886 -0.3394,-28.55113 -1.0666,-57.39736 0.3929,-85.75044 1.0949,-6.9006 9.0814,-8.70027 14.9872,-8.01189 26.6357,-0.41419 53.4761,-0.13077 80.1866,-0.22248 z m 60,-59.5 48,0 0,113.96484 c -32,0.0224 -64,0.0224 -96,0 l 0,-113.96484 z"
+       id="path4601"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccc" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/button_toolbar.svg

@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="115.13439mm"
+   height="99.326332mm"
+   viewBox="0 0 407.95651 351.94366"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="button_toolbar.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="239.59456"
+     inkscape:cy="269.0279"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="30"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="30"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1617.6138,-751.42706)">
+    <rect
+       style="opacity:0;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4634"
+       width="417.69809"
+       height="307.08636"
+       x="1581.8502"
+       y="992.8822" />
+    <rect
+       style="opacity:0;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:20;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4636"
+       width="582.14288"
+       height="339.28571"
+       x="1523.015"
+       y="981.98187" />
+    <path
+       style="fill:#000000"
+       d="m 1723.1028,862.41603 c -27.017,0.35882 -54.0866,-0.65166 -81.0725,0.93033 -6.9744,1.60465 -11.9244,8.99661 -14.4206,16.01258 0.3319,30.57965 -0.7937,61.2448 1.1291,91.76869 0.3178,4.34369 2.1899,8.59877 5.5861,10.52987 l 3.2442,1.79272 c 9.1525,3.81437 14.4569,2.03643 21.6145,2.8806 46.6375,0.47501 93.1712,0.0238 139.656,0.32331 26.7805,-0.44965 54.1279,0.11037 81.0478,-0.46865 6.8123,-3.54839 14.0039,-10.26589 13.6297,-19.56492 1.1614,-29.21436 0.4281,-58.47845 0.6458,-87.71285 -3.2357,-8.2027 -9.7637,-16.73607 -18.5067,-15.92895 -50.8365,-1.07725 -101.7081,-0.34129 -152.5534,-0.56273 z m 119.4344,11.15008 c 12.1934,0.45556 24.6003,-0.89846 36.5669,1.01745 6.5876,3.45071 4.5107,12.48147 5.0226,18.94798 -0.083,25.16036 0.7881,50.68422 -0.9103,75.5612 -1.7616,6.80415 -9.1229,5.38798 -13.9257,5.72571 -20.3166,0.45534 -40.639,0.31997 -60.9582,0.39465 3e-4,-33.88465 -5e-4,-67.7693 0,-101.65395 11.4021,0.003 22.8042,0.004 34.2063,0.007 z m -129.1187,53.0692 0,48.57779 c -23.4989,-0.37579 -47.1267,0.67048 -70.5278,-1.06623 -6.2383,-2.45364 -4.5041,-11.10187 -5.0594,-16.75087 -0.2683,-25.46781 -0.8436,-51.19885 0.3108,-76.48999 0.866,-6.15538 7.1829,-7.7607 11.8539,-7.14666 21.0671,-0.36946 42.2962,-0.11665 63.4225,-0.19846 z m 47.4562,-53.07442 37.9649,0 0,101.65744 c -25.31,0.02 -50.6199,0.02 -75.93,0 l 0,-101.65744 z"
+       id="path4601"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccc" />
+    <path
+       style="fill:#000000"
+       d="m 1977.4773,863.34738 c -26.6662,0.35883 -19.2213,-0.70797 -46.2072,0.87402 -6.9744,1.60465 -11.9243,8.99661 -14.4205,16.01257 0.3319,30.57965 -0.7937,61.2448 1.1291,91.76868 0.3177,4.34372 2.1899,8.59877 5.5861,10.52987 l 3.2441,1.79276 c 9.1527,3.81431 14.4571,2.03636 21.6146,2.88056 46.6375,0.47499 -0.1651,0.0241 46.3196,0.32335 26.7805,-0.44966 -23.6523,0.11034 3.2676,-0.46866 6.8123,-3.5484 14.0039,-10.26593 13.6296,-19.56492 1.1615,-29.21437 0.4281,-58.47846 0.6458,-87.71287 -3.2356,-8.20269 -9.6233,-14.99025 -18.5067,-15.92894 -50.8364,-1.07725 34.5431,-0.28498 -16.3021,-0.50642 z m 25.4067,11.09376 c 12.1934,0.45556 -18.8159,-4.4464 -5.6565,1.01745 6.5874,3.45072 4.5106,12.48147 5.0225,18.94798 -0.083,25.16036 0.788,50.68423 -0.9103,75.56123 -1.7616,6.80414 -9.1229,5.38799 -13.9258,5.72571 -20.3164,0.45528 41.5859,0.31996 21.2667,0.39462 3e-4,-33.88467 -5e-4,-67.7693 0,-101.65395 11.4021,0.003 -17.197,0.004 -5.7948,0.007 z m -0.2256,53.0692 0,48.57779 c -23.4989,-0.3758 -47.1266,0.67052 -70.5277,-1.06622 -6.2385,-2.45364 -4.5042,-11.10191 -5.0594,-16.75091 -0.2685,-25.46778 -0.8438,-51.19881 0.3106,-76.48996 0.866,-6.15538 7.1829,-7.7607 11.854,-7.14666 21.0671,-0.36946 42.2963,-0.11665 63.4225,-0.19845 z m -39.2133,-53.07441 37.9649,0 0,101.65746 c -25.3099,0.0196 33.8273,0.0196 8.5172,0 l 0,-101.65746 z"
+       id="path4601-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccc" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/calendar.svg

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 512 512"
+   height="300"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 300.00001 300"
+   width="300"
+   xml:space="preserve"
+   sodipodi:docname="calendar.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><metadata
+     id="metadata19"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs17" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="768"
+     inkscape:window-height="480"
+     id="namedview15"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="133.07121"
+     inkscape:cy="124.3"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><g
+     id="g12"
+     transform="translate(-105.57286,-112.3339)"><line
+       stroke-miterlimit="10"
+       x1="128"
+       x2="384"
+       y1="225.7"
+       y2="225.7"
+       id="line2"
+       style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" /><polyline
+       points="   180.3,159.7 128,159.7 128,375.3 384,375.3 384,159.7 331.7,159.7  "
+       stroke-miterlimit="10"
+       id="polyline4"
+       style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" /><line
+       stroke-miterlimit="10"
+       x1="300.29999"
+       x2="211.7"
+       y1="159.7"
+       y2="159.7"
+       id="line6"
+       style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" /><line
+       stroke-miterlimit="10"
+       x1="196"
+       x2="196"
+       y1="136.7"
+       y2="182.7"
+       id="line8"
+       style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" /><line
+       stroke-miterlimit="10"
+       x1="316"
+       x2="316"
+       y1="136.7"
+       y2="182.7"
+       id="line10"
+       style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" /></g></svg>

static/Vvvebjs/libs/builder/icons/carousel.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24">
+    <path d="M8 3.508c-.827 0-1.492.665-1.492 1.492A.508.508 0 0 1 6 5.508H4c-.827 0-1.492.665-1.492 1.492v10c0 .827.665 1.492 1.492 1.492h2a.508.508 0 0 1 .508.508c0 .827.665 1.492 1.492 1.492h8c.827 0 1.492-.665 1.492-1.492a.508.508 0 0 1 .508-.508h2c.827 0 1.492-.665 1.492-1.492V7c0-.827-.665-1.492-1.492-1.492h-2A.508.508 0 0 1 17.492 5c0-.827-.665-1.492-1.492-1.492Zm-.035.984a.508.508 0 0 1 .035 0h8a.508.508 0 0 1 .508.508l.002 14a.508.508 0 0 1-.508.508H8A.508.508 0 0 1 7.492 19V5a.508.508 0 0 1 .473-.508Zm-4 2a.508.508 0 0 1 .035 0h2A.508.508 0 0 1 6.508 7v10a.508.508 0 0 1-.508.508H4A.508.508 0 0 1 3.492 17V7a.508.508 0 0 1 .473-.508Zm14 0a.508.508 0 0 1 .035 0h2a.508.508 0 0 1 .508.508v10a.508.508 0 0 1-.508.508h-2a.508.508 0 0 1-.508-.508V7a.508.508 0 0 1 .473-.508z"/>
+</svg>

static/Vvvebjs/libs/builder/icons/cart.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="410.42029"
+   height="450.50851"
+   viewBox="0 0 410.42028 450.50852"
+   sodipodi:docname="cart.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     id="namedview4"
+     showgrid="false"
+     fit-margin-top="50"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="50"
+     inkscape:zoom="0.65186406"
+     inkscape:cx="657.7526"
+     inkscape:cy="496.57728"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     style="fill:#000000"
+     d="m 150.31135,399.86319 c -12.06557,-3.0499 -24.6715,-13.3048 -29.78335,-24.2286 -8.20764,-17.5393 -5.43256,-34.1537 8.04981,-48.1942 17.95603,-18.6993 44.00275,-18.6993 61.95878,0 10.01817,10.4329 14.577,23.9902 12.1614,36.1663 -4.02336,20.28 -21.34936,35.9017 -40.85027,36.8318 -4.28479,0.2044 -9.47615,-0.054 -11.53637,-0.5753 z m 21.24585,-17.0584 c 5.56792,-2.5175 10.52588,-7.1669 13.24572,-12.4215 2.94826,-5.6958 3.52276,-16.6702 1.23349,-23.5626 -6.14097,-18.4887 -32.35108,-24.1607 -46.45803,-10.0538 -6.20141,6.2014 -8.44441,12.6682 -7.80249,22.4955 1.04065,15.9317 11.51727,25.577 27.78131,25.577 5.40139,0 8.75917,-0.5693 12,-2.0346 z m 154.75415,17.0584 c -16.898,-4.2715 -30.6923,-19.24 -33.9692,-36.8608 -3.9842,-21.424 13.7084,-44.9185 36.9651,-49.0869 12.96681,-2.324 26.85531,2.7215 37.22931,13.5249 10.0182,10.4329 14.577,23.9902 12.1614,36.1663 -4.0233,20.28 -21.3493,35.9017 -40.8502,36.8318 -4.28481,0.2044 -9.47621,-0.054 -11.53641,-0.5753 z m 21.24591,-17.0584 c 9.7616,-4.4136 15.0468,-12.298 15.7813,-23.5424 0.8222,-12.588 -4.0659,-21.9559 -14.113,-27.0471 -11.3075,-5.7299 -25.24521,-3.8503 -33.63081,4.5353 -6.2188,6.2188 -8.4614,12.6754 -7.8189,22.5118 1.0407,15.9317 11.5173,25.577 27.7814,25.577 5.40131,0 8.75911,-0.5693 12.00001,-2.0346 z M 164.0104,288.56839 c -5.40222,-2.1012 -10.11228,-5.5847 -12.75128,-9.4307 -1.41687,-2.0649 -22.18201,-50.3294 -46.14476,-107.25439 C 81.15161,114.9583 60.787291,67.820801 59.860331,67.133301 c -1.24589,-0.92404 -8.40329,-1.25 -27.44721,-1.25 -17.01676,0 -26.6034901,-0.38349 -28.2412801,-1.12972 -5.71698,-2.60483 -5.51005,-11.42832 0.32471,-13.84516 1.91526,-0.79332 11.0774101,-1.05076 29.7457301,-0.83578 l 26.97795,0.31066 4.82112,3 c 2.65162,1.65 6.06922,4.575 7.59466,6.5 1.59027,2.0068 21.341089,47.597819 46.295169,106.863579 23.93689,56.84998 44.28986,104.21251 45.22881,105.25001 1.64776,1.8208 4.70667,1.8864 87.87786,1.8864 l 86.17071,0 2.1658,-2.3054 c 2.7409,-2.9175 54.1829,-129.66656 54.1829,-133.50231 0,-1.67535 -0.9462,-3.73249 -2.3029,-5.00709 l -2.3029,-2.16344 -133.28381,-0.26087 -133.28381,-0.26088 -2.50569,-2.91315 c -2.95642,-3.43717 -2.6225,-8.00122 0.79285,-10.83685 1.98443,-1.6476 9.89863,-1.74871 135.24695,-1.72804 150.94161,0.0249 137.28741,-0.77281 145.44741,8.49738 4.8756,5.53903 7.6779,13.56868 6.937,19.87714 -0.2651,2.25694 -12.3473,33.35352 -26.8494,69.10352 -28.3676,69.93089 -28.302,69.80079 -37.566,74.53289 l -4.8297,2.4671 -87.00011,0.1851 c -65.05902,0.1384 -87.76834,-0.1138 -90.04675,-1 z"
+     id="path4298"
+     inkscape:connector-curvature="0" />
+</svg>

static/Vvvebjs/libs/builder/icons/categories.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="96" x2="216" y1="64" y2="64"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="96" x2="216" y1="128" y2="128"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="96" x2="216" y1="192" y2="192"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="40" x2="56" y1="64" y2="64"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="40" x2="56" y1="128" y2="128"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="40" x2="56" y1="192" y2="192"/></svg>

static/Vvvebjs/libs/builder/icons/chart.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><polyline fill="none" points="224 208 32 208 32 48" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="208 64 128 144 96 112 32 176" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="208 104 208 64 168 64" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/checkbox.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><polyline fill="none" points="172 104 113.3 160 84 132" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><rect fill="none" height="176" rx="8" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" width="176" x="40" y="40"/></svg>

static/Vvvebjs/libs/builder/icons/checkout.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="451.874" height="421.692">
+    <path style="fill:#000" d="M173.62 400.215c-11.657-3.118-23.26-12.912-28.553-24.099-8.014-16.941-4.652-35.23 8.984-48.866 17.575-17.576 41.556-17.576 59.14 0 17.699 17.69 17.699 43.448 0 61.137-6.703 6.701-14.247 10.872-22.458 12.418-7.009 1.32-10.418 1.202-17.113-.59zm19.1-15.555c6.765-2.306 11.592-6.538 14.817-12.992 2.64-5.284 3.083-7.27 3.083-13.85 0-17.694-11.581-28.861-28.842-27.809-15.123.922-24.126 10.183-24.983 25.7-.8 14.494 4.918 24.021 17.278 28.784 3.994 1.538 14.351 1.631 18.647.167zm158.217 16.113c-21.315-4.214-38.368-28.447-34.532-49.073 3.548-19.08 18.412-34.067 36.811-37.116 11.75-1.947 24.344 2.282 34.002 11.416 19.221 18.179 19.136 46.065-.195 63.733-10.91 9.972-22.913 13.644-36.086 11.04zm17.81-16.482c6.388-2.177 11.321-6.646 14.493-13.13 2.276-4.65 2.748-6.944 2.748-13.342 0-17.175-10.794-28.04-27.796-27.978-10.133.036-19.014 5.415-23.907 14.478-2.953 5.47-3.133 21.18-.303 26.5 3.598 6.763 9.76 11.975 16.631 14.065 4.287 1.304 13.445 1.005 18.135-.593zm-180.674-95.787c-5.405-2.103-10.113-5.586-12.747-9.431-1.415-2.065-21.994-48.304-45.732-102.754-23.737-54.45-43.862-99.788-44.722-100.75-1.418-1.589-4.172-1.75-29.86-1.75-18.902 0-29.122-.376-30.778-1.13-3.519-1.604-5.195-6.054-3.668-9.74.654-1.58 2.305-3.38 3.668-4 1.653-.754 11.742-1.13 30.255-1.13 31.88 0 34.188.415 41.275 7.424 4.023 3.98 7.674 11.922 47.856 104.118 23.925 54.895 44.32 100.855 45.322 102.133l1.823 2.325h85.805c67.448 0 86.017-.268 86.797-1.25 1.113-1.403 50.679-115.874 52.912-122.2 1.638-4.638 1.142-7.75-1.685-10.576-1.81-1.81-3.38-1.974-18.927-1.974-10.47 0-17.901-.432-19.433-1.13-5.553-2.53-5.553-11.21 0-13.74 1.53-.698 8.877-1.127 19.183-1.12 15.487.008 17.075.183 21.82 2.392 8.417 3.919 14.56 14.194 14.636 24.481.038 5.18-2.027 10.403-26.542 67.117-17.265 39.941-27.681 62.82-29.716 65.264-1.723 2.071-5.015 4.771-7.314 6l-4.181 2.236-86.5.185c-64.677.138-87.269-.114-89.547-1zm85.086-103.733c-34.8-5.45-63.231-32.566-70.1-66.858-1.991-9.943-1.552-26.183.963-35.594.881-3.3 3.921-10.725 6.755-16.5 4.636-9.45 6.212-11.56 15.747-21.096 9.535-9.535 11.647-11.112 21.096-15.748 13.164-6.458 19.737-8.222 33.094-8.88 38.439-1.89 73.828 24.407 84.074 62.475 3.21 11.925 2.974 29.851-.545 41.556-8.693 28.914-29.689 49.925-58.122 58.164-9.819 2.846-23.878 3.904-32.962 2.481zm26.763-16.543c3.959-.874 10.997-3.404 15.642-5.622 11.236-5.366 22.818-16.725 28.332-27.787 20.09-40.308-.564-87.41-42.804-97.61-9.068-2.19-24.902-2.204-33.472-.03-24.06 6.105-42.535 24.58-48.64 48.64-2.173 8.57-2.16 24.404.03 33.472 5.886 24.37 25.57 43.738 49.799 48.998 8.648 1.878 22.462 1.85 31.113-.06zm-19.981-15.598c-1.198-.58-2.716-2.349-3.371-3.932-.677-1.633-1.956-2.88-2.956-2.88-3.292 0-17.804-8.019-20.907-11.552-5.488-6.25-2.913-14.447 4.539-14.447 2.739 0 7.374 3.031 7.374 4.823 0 .878 4.58 3.686 8.349 5.12l2.65 1.007v-10.475c0-8.525-.272-10.475-1.462-10.475-6.707 0-20.532-9.35-23.174-15.674-4.615-11.046 2.821-24.974 16.694-31.267 2.444-1.109 5.23-2.025 6.193-2.037 1.061-.014 1.75-.79 1.75-1.975 0-6.08 5.627-10.273 10.87-8.101 2.737 1.134 5.13 4.622 5.13 7.48 0 .81 2.64 1.99 6.75 3.016 8.606 2.15 14.638 5.676 17.75 10.38 3.67 5.544 4.093 9.154 1.464 12.495-1.861 2.367-2.81 2.741-6.295 2.485-3.424-.252-4.489-.882-6.426-3.802-2.276-3.432-8.029-6.922-11.493-6.974-1.551-.023-1.75 1.103-1.75 9.89v9.918l5.021 1.077c22.982 4.928 30.177 25.835 13.94 40.504-4.34 3.921-13.131 8.558-16.258 8.575-.988.005-2.558 1.336-3.488 2.958-2.6 4.53-6.589 5.944-10.894 3.863zm17.69-23.938c4.245-2.385 5.989-5.384 5.989-10.298 0-4.175-1.789-5.685-7.5-6.328l-4.5-.507v9.63c0 6.41.372 9.63 1.114 9.63.612 0 2.816-.957 4.897-2.127zM275.62 85.371v-9.448l-2.878 1.003c-5.66 1.973-9.343 8.744-7.068 12.995 1.057 1.974 6.072 4.776 8.696 4.858.914.03 1.25-2.496 1.25-9.408zM143.94 136.63c-3.263-1.578-4.848-6.124-3.374-9.682 1.935-4.672 4.347-5.13 27.054-5.13 22.706 0 25.118.458 27.053 5.13 1.527 3.687-.149 8.137-3.668 9.74-3.234 1.474-44 1.423-47.064-.058z"/>
+</svg>

static/Vvvebjs/libs/builder/icons/chevron-down.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24mm"
+   height="24mm"
+   viewBox="0 0 85.039372 85.039372"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="chevron-down.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.919596"
+     inkscape:cx="104.35529"
+     inkscape:cy="57.973773"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="30"
+     fit-margin-left="20"
+     fit-margin-right="20"
+     fit-margin-bottom="30"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-2281.6285,-1307.1106)">
+    <path
+       style="fill:#000000;fill-opacity:1"
+       d="m 2352.4841,1341.7154 c -0.099,-2.3701 -1.9236,-4.3103 -4.5676,-4.3103 -1.8187,0 -2.4054,0.3813 -10.2658,6.6781 -4.5851,3.673 -12.8924,10.2397 -13.0196,10.2397 h -0.9565 c -0.1555,0 -7.5636,-5.8292 -11.0206,-8.6006 -10.308,-8.2638 -10.3868,-8.3172 -12.2952,-8.3172 -2.012,0 -4.1962,1.5903 -4.6461,3.3826 -0.7023,2.7984 0.071,3.6371 12.7658,13.8439 6.6407,5.3394 12.6894,10.0693 13.4414,10.511 2.5743,1.5124 3.3335,1.0724 16.8924,-9.7858 6.9785,-5.5885 12.9019,-10.6207 13.1623,-11.1831 0.3839,-0.8297 0.5425,-1.6681 0.5095,-2.4583 z"
+       id="path4672"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cssccsscscssc" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/chevron-right.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24mm"
+   height="24mm"
+   viewBox="0 0 85.039372 85.039372"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="chevron-right.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.919596"
+     inkscape:cx="104.10275"
+     inkscape:cy="58.478849"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="30"
+     fit-margin-left="20"
+     fit-margin-right="20"
+     fit-margin-bottom="30"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-2281.6285,-1307.1106)">
+    <path
+       style="fill:#000000;fill-opacity:1"
+       d="m 2315.6723,1378.7639 c -2.3701,-0.099 -4.3103,-1.9236 -4.3103,-4.5676 0,-1.8187 0.3813,-2.4054 6.6781,-10.2658 3.673,-4.5851 10.2397,-12.8924 10.2397,-13.0196 v -0.9565 c 0,-0.1555 -5.8292,-7.5636 -8.6006,-11.0206 -8.2638,-10.308 -8.3172,-10.3868 -8.3172,-12.2952 0,-2.012 1.5903,-4.1962 3.3826,-4.6461 2.7984,-0.7023 3.6371,0.071 13.8439,12.7658 5.3394,6.6407 10.0693,12.6894 10.511,13.4414 1.5124,2.5743 1.0724,3.3335 -9.7858,16.8924 -5.5885,6.9785 -10.6207,12.9019 -11.1831,13.1623 -0.8297,0.3839 -1.6681,0.5425 -2.4583,0.5095 z"
+       id="path4672"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cssccsscscssc" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/code.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><polyline fill="none" points="64 88 16 128 64 168" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="192 88 240 128 192 168" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="160" x2="96" y1="40" y2="216"/></svg>

static/Vvvebjs/libs/builder/icons/components/cart.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+<path d="M41.941,12.909l-6,1.161c-0.47,0.091-0.81,0.502-0.81,0.981v4.037h-23c-0.371,0-0.712,0.206-0.885,0.534
+	s-0.149,0.726,0.061,1.031l5.528,8.055c0.187,0.272,0.495,0.435,0.824,0.435h16.284l0.006,2.219H20.132
+	c-0.016,0-0.029,0.008-0.045,0.009c-0.03-0.001-0.057-0.009-0.087-0.009c-1.755,0-3.183,1.464-3.183,3.264s1.428,3.265,3.183,3.265
+	c1.754,0,3.182-1.465,3.182-3.265c0-0.448-0.089-0.875-0.249-1.264h8.221c-0.16,0.389-0.249,0.816-0.249,1.264
+	c0,1.8,1.428,3.265,3.182,3.265s3.182-1.465,3.182-3.265c0-1.083-0.523-2.038-1.317-2.632l-0.007-2.85h0.188c0.553,0,1-0.447,1-1
+	v-8.055c0-0.028-0.014-0.051-0.016-0.079c0.002-0.027,0.016-0.051,0.016-0.079v-4.055l5.19-1.005
+	c0.542-0.104,0.896-0.629,0.791-1.172C43.009,13.158,42.487,12.799,41.941,12.909z M20,35.891c-0.652,0-1.183-0.567-1.183-1.265
+	s0.53-1.264,1.183-1.264c0.651,0,1.182,0.566,1.182,1.264S20.651,35.891,20,35.891z M34.087,35.891
+	c-0.651,0-1.182-0.567-1.182-1.265s0.53-1.264,1.182-1.264s1.182,0.566,1.182,1.264S34.738,35.891,34.087,35.891z M14.031,21.089
+	h21.101v6.055H18.187L14.031,21.089z"/>
+</svg>

static/Vvvebjs/libs/builder/icons/components/checkbox.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?> <!-- Generator: IcoMoon.io --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g><path d="M 16.084,0c-8.836,0-16,7.164-16,16s 7.164,16, 16,16s 16-7.164, 16-16S 24.92,0, 16.084,0z M 16.084,30c-7.72,0-14-6.28-14-14 s 6.28-14, 14-14s 14,6.28, 14,14S 23.802,30, 16.084,30zM 23.092,9.636c-0.646-0.424-1.514-0.242-1.938,0.406L 14.402,20.36L 11.174,17.372 C 10.606,16.848, 9.72,16.882, 9.194,17.45S 8.704,18.902, 9.272,19.428l 4.462,4.128c 0.016,0.014, 0.036,0.018, 0.052,0.032 c 0.040,0.032, 0.064,0.076, 0.106,0.106c 0.060,0.040, 0.128,0.048, 0.192,0.076c 0.076,0.036, 0.15,0.070, 0.23,0.092 c 0.078,0.020, 0.154,0.030, 0.234,0.036c 0.114,0.012, 0.224,0.012, 0.336-0.004c 0.046-0.008, 0.090-0.020, 0.136-0.032 c 0.138-0.034, 0.266-0.088, 0.392-0.164c 0.022-0.014, 0.040-0.030, 0.062-0.044c 0.082-0.056, 0.17-0.098, 0.24-0.174 c 0.050-0.054, 0.072-0.124, 0.112-0.184c 0.002-0.002, 0.006-0.004, 0.006-0.006l 7.664-11.714C 23.92,10.928, 23.738,10.060, 23.092,9.636z"></path></g></svg>

static/Vvvebjs/libs/builder/icons/components/contact-form.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+<path d="M41.798,33.763v-18c0-0.513-0.39-0.919-0.887-0.977c-0.009-0.002-0.017-0.004-0.025-0.005
+	c-0.03-0.003-0.057-0.018-0.088-0.018h-30c-0.032,0-0.06,0.015-0.091,0.018c-0.065,0.006-0.126,0.019-0.189,0.038
+	c-0.065,0.019-0.125,0.041-0.183,0.072c-0.053,0.028-0.1,0.062-0.147,0.099c-0.056,0.044-0.105,0.09-0.151,0.145
+	c-0.019,0.023-0.045,0.035-0.062,0.06c-0.019,0.027-0.022,0.06-0.038,0.088c-0.034,0.06-0.059,0.12-0.08,0.187
+	c-0.02,0.065-0.033,0.129-0.039,0.196c-0.003,0.033-0.019,0.062-0.019,0.096v18c0,0.553,0.447,1,1,1h30
+	C41.351,34.763,41.798,34.315,41.798,33.763z M37.502,16.763l-11.745,8.092l-11.745-8.092H37.502z M11.798,32.763V17.666
+	l13.392,9.227c0.171,0.118,0.369,0.177,0.567,0.177s0.396-0.059,0.567-0.177l13.474-9.283v15.153H11.798z"/>
+</svg>

static/Vvvebjs/libs/builder/icons/components/map.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
+<path d="M24.43,40.153c0.186,0.276,0.497,0.441,0.829,0.441h0c0.333,0,0.644-0.166,0.829-0.441l9.436-14.018
+	c1.128-1.799,1.725-3.865,1.725-5.976c0-6.376-5.383-11.564-12-11.564s-12,5.188-12,11.564c0,2.114,0.599,4.184,1.749,6.012
+	L24.43,40.153z M25.25,10.594c5.514,0,10,4.291,10,9.564c0,1.734-0.491,3.433-1.402,4.886l-8.59,12.76l-8.584-12.726
+	c-0.932-1.482-1.424-3.183-1.424-4.92C15.25,14.885,19.736,10.594,25.25,10.594z"/>
+<path d="M25.25,25.616c3.135,0,5.686-2.467,5.686-5.5s-2.55-5.5-5.686-5.5s-5.686,2.467-5.686,5.5S22.115,25.616,25.25,25.616z
+	 M25.25,16.616c2.032,0,3.686,1.57,3.686,3.5s-1.653,3.5-3.686,3.5s-3.686-1.57-3.686-3.5S23.218,16.616,25.25,16.616z"/>
+</svg>

static/Vvvebjs/libs/builder/icons/container.svg

@@ -0,0 +1 @@
+<svg class="ionicon" width="256" height="256" xmlns="http://www.w3.org/2000/svg"><path d="M162.148 216.77h24.978c13.795 0 24.978-11.184 24.978-24.98v-24.978m0-71.367V70.467c0-13.795-11.183-24.978-24.978-24.978h-24.978M90.78 216.769H65.802c-13.795 0-24.978-11.183-24.978-24.978v-24.979m0-71.367V70.467c0-13.795 11.183-24.978 24.978-24.978h24.979" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" style="stroke-width:8.52418;stroke-miterlimit:4;stroke-dasharray:none"/></svg>

static/Vvvebjs/libs/builder/icons/currency.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><rect fill="none" height="128" rx="8" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" width="224" x="16" y="64"/><circle cx="128" cy="128" fill="none" r="32" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="176" x2="240" y1="64" y2="120"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="176" x2="240" y1="192" y2="136"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="80" x2="16" y1="64" y2="120"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="80" x2="16" y1="192" y2="136"/></svg>

static/Vvvebjs/libs/builder/icons/dots_three.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><circle cx="128" cy="128" fill="none" r="24" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><circle cx="48" cy="128" fill="none" r="24" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><circle cx="208" cy="128" fill="none" r="24" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/envelope.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="envelope.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="20.85965"
+     inkscape:cx="9.9090031"
+     inkscape:cy="24.959951"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 3 8 L 3 26 L 29 26 L 29 8 Z M 7.3125 10 L 24.6875 10 L 16 15.78125 Z M 5 10.875 L 15.4375 17.84375 L 16 18.1875 L 16.5625 17.84375 L 27 10.875 L 27 24 L 5 24 Z"
+     id="path2"
+     style="stroke:#ffffff;stroke-opacity:1;fill:#000000;fill-opacity:1" />
+</svg>

static/Vvvebjs/libs/builder/icons/facebook.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="60px" version="1.1" viewBox="0 0 60 60" width="60px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1"><g id="Facebook" stroke="#000000" stroke-width="2" transform="translate(1.000000, 1.000000)"><path d="M39.0432,58 L39.0432,35.696 L46.2462,35.696 L47.3202,27.003 L39.0432,27.003 L39.0432,21.454 C39.0432,18.94 39.7132,17.225 43.1872,17.225 L47.6142,17.219 L47.6142,9.45 C46.8472,9.342 44.2202,9.102 41.1612,9.102 C34.7782,9.102 30.4082,13.157 30.4082,20.596 L30.4082,27.003 L23.1822,27.003 L23.1822,35.696 L30.4082,35.696 L30.4082,58 L39.0432,58 L39.0432,58 Z" id="Stroke-1"/><path d="M54,58 L4,58 C1.791,58 0,56.209 0,54 L0,4 C0,1.791 1.791,0 4,0 L54,0 C56.209,0 58,1.791 58,4 L58,54 C58,56.209 56.209,58 54,58 L54,58 Z" id="Stroke-99" stroke-linejoin="round"/></g></g></svg>

static/Vvvebjs/libs/builder/icons/factory.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="80" x2="108" y1="176" y2="176"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="148" x2="176" y1="176" y2="176"/><polyline fill="none" points="216 216 216 136 168 136 104 88 104 136 40 88 40 216" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="16" x2="240" y1="216" y2="216"/><path d="M216,136,201,30.9a8,8,0,0,0-7.9-6.9H174.9a8,8,0,0,0-7.9,6.9l-13.5,94.3" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/file-manager-layout.svg

@@ -0,0 +1 @@
+<svg viewBox="0 -64 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M63.633-5.914h394.856v394.857H63.633V12.034ZM88.31 16.521v349.002h167.335V16.521Zm190.698 0v351.183h156.08V16.521Z" fill="#999999" style="stroke-width:1.12175"/><path d="M88.311 109.535V16.521h167.335V202.55H88.311Z" fill="gray" fill-opacity=".329" style="fill:gray;fill-opacity:.33333334;stroke-width:.923722"/></svg>

static/Vvvebjs/libs/builder/icons/file.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M200,224H56a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h96l56,56V216A8,8,0,0,1,200,224Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="152 32 152 88 208 88" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/file_text.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M200,224H56a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h96l56,56V216A8,8,0,0,1,200,224Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="152 32 152 88 208 88" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="96" x2="160" y1="136" y2="136"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="96" x2="160" y1="168" y2="168"/></svg>

static/Vvvebjs/libs/builder/icons/filters.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="128" x2="128" y1="108" y2="216"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="128" x2="128" y1="40" y2="68"/><circle cx="128" cy="88" fill="none" r="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="200" x2="200" y1="188" y2="216"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="200" x2="200" y1="40" y2="148"/><circle cx="200" cy="168" fill="none" r="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="56" x2="56" y1="156" y2="216"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="56" x2="56" y1="40" y2="116"/><circle cx="56" cy="136" fill="none" r="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/flag.svg

@@ -0,0 +1,3 @@
+<svg style="enable-background:new 0 0 512 512" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+    <path d="M368 112c-11 1.4-24.9 3.5-39.7 3.5-23.1 0-44-5.7-65.2-10.2-21.5-4.6-43.7-9.3-67.2-9.3-46.9 0-62.8 10.1-64.4 11.2l-3.4 2.4V416h16V272.7c6-2.5 21.8-6.9 51.9-6.9 21.8 0 42.2 8.3 63.9 13 22 4.7 44.8 9.6 69.5 9.6 14.7 0 27.7-2 38.7-3.3 6-.7 11.3-1.4 16-2.2V109.5c-4.7.9-10.1 1.7-16.1 2.5zm0 157c-11 1.4-23.9 3.5-38.7 3.5-23.1 0-45-4.7-66.2-9.2-21.5-4.6-43.6-13.3-67.1-13.3-25.7 0-41.9 3-51.9 6V118.7c6-2.5 21.9-6.8 51.9-6.8 21.8 0 42.2 4.3 63.9 9 22 4.7 43.8 10.6 68.5 10.6 14.7 0 28.7-2 39.7-3.3L368 269z"/>
+</svg>

static/Vvvebjs/libs/builder/icons/flipbox.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="200mm"
+   height="200mm"
+   viewBox="0 0 200 200"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="flipbox-min (1).svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+  <metadata
+     id="metadata20">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs18" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="0.88305852"
+     inkscape:cx="656.47789"
+     inkscape:cy="51.282386"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg14" />
+  <g
+     stroke-miterlimit="6"
+     id="g12"
+     stroke-linejoin="round"
+     stroke-linecap="round"
+     stroke-width="7"
+     stroke="#000"
+     fill-rule="evenodd"
+     fill="#fff">
+    <path
+       d="M11.397 38.115V146.23l99.475-27.451V27.845zM11.397 146.231l77.677 35.287 101.63-38.561-79.832-24.177z"
+       id="path2"
+       style="stroke-width:3.96874997;stroke-miterlimit:6;stroke-dasharray:none;stroke-linejoin:round;stroke-linecap:round" />
+    <path
+       d="M110.872 27.845l79.832 9.045v106.067l-79.832-24.177z"
+       id="path4"
+       style="stroke-width:3.96874997;stroke-miterlimit:6;stroke-dasharray:none;stroke-linejoin:round;stroke-linecap:round" />
+    <path
+       d="M11.397 38.115l77.677 13.2 101.63-14.425-79.832-9.045z"
+       id="path6"
+       style="stroke-width:3.96874997;stroke-miterlimit:6;stroke-dasharray:none;stroke-linejoin:round;stroke-linecap:round" />
+    <path
+       d="M 88.965291,51.244924 V 181.44792 l 101.629979,-38.561 V 36.819924 Z"
+       id="path8"
+       style="fill:#eeeeee;fill-opacity:0.93300003;stroke:#000000;stroke-width:3.96875;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;stroke-dasharray:none;stroke-opacity:1"
+       inkscape:connector-curvature="0" />
+    <path
+       d="M11.397 38.115l77.677 13.2v130.203L11.397 146.23z"
+       id="path10"
+       style="stroke:#000000;stroke-opacity:1;stroke-width:3.96874997;stroke-miterlimit:6;stroke-dasharray:none;stroke-linejoin:round;stroke-linecap:round" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/folder.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M224,88V200.9a7.1,7.1,0,0,1-7.1,7.1H40a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H93.3a8.1,8.1,0,0,1,4.8,1.6l27.8,20.8a8.1,8.1,0,0,0,4.8,1.6H216A8,8,0,0,1,224,88Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/form.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="164.44658mm"
+   height="135.4117mm"
+   viewBox="0 0 582.68474 479.80519"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="form.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="958.49961"
+     inkscape:cy="393.90652"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-653.01497,-260.03377)">
+    <path
+       style="fill:#000000"
+       d="m 695.99753,702.79586 c -3.29033,-1.01058 -6.42025,-3.05298 -9.6911,-6.32383 -8.67255,-8.67254 -8.00984,8.43585 -7.71213,-199.09539 l 0.26316,-183.44881 2.97438,-5.37025 c 3.26844,-5.90119 7.52011,-9.64979 13.27359,-11.703 3.0929,-1.10375 45.17225,-1.34668 239.53411,-1.38286 209.50556,-0.039 236.19046,0.12672 239.44616,1.48705 5.8648,2.45046 9.611,5.84578 12.7973,11.59881 l 2.9744,5.37025 0.2632,183.44881 c 0.2976,207.50369 0.9581,190.42511 -7.6992,199.08249 -8.7173,8.71722 14.5485,7.97766 -248.49546,7.89905 -203.69032,-0.0609 -233.68107,-0.2578 -237.92841,-1.56232 z m 474.72357,-18.00439 2.6363,-2.63637 0,-182.30787 0,-182.30787 -2.4134,-2.80577 -2.4134,-2.80576 -234.17316,0 -234.17315,0 -2.41341,2.80576 -2.41342,2.80577 0,182.49198 0,182.49199 2.64602,2.45225 2.64603,2.45225 233.71763,0 233.71756,0 2.6364,-2.63636 z m -424.859,-118.9667 c -5.33966,-1.9541 -12.08777,-8.74985 -14.24953,-14.35014 -1.59912,-4.14269 -1.75511,-9.5684 -1.75511,-61.0468 l 0,-56.5 2.37298,-4.77734 c 3.03756,-6.11529 9.18859,-11.36649 15.51484,-13.24519 7.50743,-2.22947 365.71692,-2.22947 373.22432,0 6.3262,1.8787 12.4773,7.1299 15.5148,13.24519 l 2.373,4.77734 0,56.5 c 0,52.26633 -0.1365,56.85384 -1.822,61.22212 -2.2133,5.73583 -9.7925,12.8964 -15.4422,14.58908 -3.0067,0.90083 -48.5105,1.17173 -187.85176,1.11834 -158.72511,-0.0608 -184.43062,-0.27051 -187.87934,-1.5326 z m 374.0819,-17.7027 2.4134,-2.80577 0,-53.50998 c 0,-54.88046 -0.084,-56.15702 -3.9133,-59.09669 -2.315,-1.77734 -365.85837,-1.77734 -368.1733,0 -3.82813,2.93915 -3.91334,4.22231 -3.91334,58.92995 0,57.76408 -0.10743,56.58493 5.357,58.80091 1.19219,0.48346 82.82067,0.78437 183.97968,0.67819 l 181.83656,-0.19085 2.4133,-2.80576 z m -338.58654,-22.6538 0,-7.95956 8.25,-0.29044 8.25,-0.29044 0.26688,-25.75 0.26688,-25.75 -8.51688,0 -8.51688,0 0,-8.5 0,-8.5 25,0 25,0 0,8.5 0,8.5 -8.51688,0 -8.51688,0 0.26688,25.75 0.26688,25.75 8.25,0.29044 8.25,0.29044 0,7.95956 0,7.95956 -25,0 -25,0 0,-7.95956 z"
+       id="path4552"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/grid_column.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h256v256H0z"/><rect fill="none" height="97.872" rx="8" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" transform="rotate(90)" width="176" x="40" y="-173.872"/></svg>

static/Vvvebjs/libs/builder/icons/grid_row.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><rect fill="none" height="56" rx="8" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" transform="translate(212 44) rotate(90)" width="176" x="-4" y="100"/><rect fill="none" height="56" rx="8" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" transform="translate(300 -44) rotate(90)" width="176" x="84" y="100"/></svg>

static/Vvvebjs/libs/builder/icons/heading.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="56" x2="56" y1="56" y2="200"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="200" x2="56" y1="128" y2="128"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="200" x2="200" y1="56" y2="200"/></svg>

static/Vvvebjs/libs/builder/icons/hr.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="155.46788mm"
+   height="90.225418mm"
+   viewBox="0 0 550.87046 319.69636"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="hr.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="598.88886"
+     inkscape:cy="97.815052"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="20"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="20"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-88.307329,-127.06777)">
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:10;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 209.54403,272.67502 303.24089,-1.10754"
+       id="path4392"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/icon-list.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+    <path style="fill:none;fill-opacity:1;stroke:#000;stroke-width:.72249913;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M8.446 12.38c0 .96-1.16 1.441-1.84.762-.678-.679-.198-1.84.763-1.84.595 0 1.077.483 1.077 1.078zM7.369 17.865c-.96 0-1.441 1.16-.762 1.84.678.679 1.84.198 1.84-.762 0-.596-.483-1.079-1.078-1.078zM7.369 4.572c-.96 0-1.441 1.16-.762 1.84.678.679 1.84.198 1.84-.762 0-.596-.483-1.078-1.078-1.078z" transform="translate(1.15 2.637)"/>
+    <path style="fill:#000;fill-opacity:1;stroke:none;stroke-width:.72249913;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" d="M23.098 11.763h-12.12c-.826 0-.826 1.238 0 1.238h12.12c.825 0 .825-1.238 0-1.238zM23.071 18.43h-12.12c-.826 0-.826 1.237 0 1.237h12.12c.826 0 .826-1.238 0-1.238zM10.95 6.335h12.121c.826 0 .826-1.238 0-1.238h-12.12c-.826 0-.826 1.238 0 1.238z" transform="translate(1.15 2.637)"/>
+</svg>

static/Vvvebjs/libs/builder/icons/icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M480,207H308.6L256,47.9L203.4,207H32l140.2,97.9L117.6,464L256,365.4L394.4,464l-54.7-159.1L480,207z M362.6,421.2  l-106.6-76l-106.6,76L192,298.7L84,224h131l41-123.3L297,224h131l-108,74.6L362.6,421.2z"/></svg>

static/Vvvebjs/libs/builder/icons/image-compare.svg

@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   width="512"
+   height="451.54492"
+   viewBox="0 0 511.99999 451.54493"
+   sodipodi:docname="image-compare.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1379"
+     id="namedview4"
+     showgrid="false"
+     fit-margin-top="50"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="50"
+     inkscape:zoom="1.84375"
+     inkscape:cx="267.7197"
+     inkscape:cy="284.69382"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     style="fill:#000000"
+     d="m 0,50 0,143.54492 0,208 256,0 256,0 0,-208 L 512,50 0,50 Z m 16,15.544922 240,0 240,0 0,159.999998 0,160 -240,0 -240,0 0,-160 0,-159.999998 z m 267.80078,56.244138 c -13.25249,0.19801 -26.45038,7.40757 -33.08984,21.53125 -2.7168,5.77928 -3.16394,7.84939 -3.17774,14.72461 -0.0102,5.07292 0.62171,9.82942 1.72852,13 3.53364,10.12244 13.38298,19.71767 23.60156,22.99219 2.96211,0.9492 7.52615,1.37807 12.63672,1.1875 14.22491,-0.53043 25.48789,-7.81501 31.75,-20.53516 2.97829,-6.04977 3.25,-7.40003 3.25,-16.14453 0,-8.76642 -0.26753,-10.08511 -3.28711,-16.21875 -6.85381,-13.92208 -20.15962,-20.73511 -33.41211,-20.53711 z m 0.1875,15.7168 c 6.6457,-0.15748 13.29519,2.85463 17.61719,9.24218 6.15816,9.10125 5.21659,19.08475 -2.5293,26.79688 -2.74616,2.73419 -6.22091,5.04368 -8.6914,5.77734 -5.15867,1.53195 -7.89226,1.48796 -12.625,-0.20117 -5.59382,-1.99646 -8.47064,-4.18042 -11.47266,-8.71679 -3.70345,-5.59628 -4.37288,-14.82342 -1.48438,-20.44141 4.12728,-8.02732 11.65375,-12.27855 19.18555,-12.45703 z m -92.09766,39.03906 c -0.54728,0 -110.24906,140.21601 -116.552729,148.97266 -0.97653,1.35654 -0.25696,2.35733 4.5,6.25781 3.114319,2.5536 5.887109,4.65301 6.162109,4.66601 0.275,0.013 24.28502,-30.60094 53.35547,-68.03125 29.07045,-37.4303 53.17985,-67.67353 53.57617,-67.20898 0.39631,0.46455 11.51611,13.89375 24.71094,29.84375 53.94027,65.20334 83.6797,101.07108 84.8164,102.29492 0.96951,1.04385 2.30083,0.38945 6.8711,-3.37304 3.11817,-2.56705 5.66615,-4.94979 5.66015,-5.29493 -0.006,-0.34514 -5.40586,-7.14804 -12,-15.11914 C 296.3961,301.58162 291,294.82903 291,294.54687 c 0,-0.28217 14.17477,-14.68327 31.5,-32.00195 l 31.5,-31.48828 36.26953,36.25781 36.26953,36.25977 5.46289,-5.53125 5.46289,-5.53125 -41.73046,-41.73047 -41.73047,-41.73047 -36.75196,36.74219 L 280.5,282.5332 236.56055,229.53906 c -24.16717,-29.1466 -44.26868,-52.99414 -44.66993,-52.99414 z"
+     id="path4173"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 261.53406,19.341523 V 433.71442"
+     id="path812-3"
+     inkscape:connector-curvature="0" />
+  <path
+     style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     d="M 236.47458,19.070337 V 433.44323"
+     id="path812"
+     inkscape:connector-curvature="0" />
+</svg>

static/Vvvebjs/libs/builder/icons/image.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><rect fill="none" height="160" rx="8" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" width="192" x="32" y="48"/><path d="M32,168l50.3-50.3a8,8,0,0,1,11.4,0l44.6,44.6a8,8,0,0,0,11.4,0l20.6-20.6a8,8,0,0,1,11.4,0L224,184" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><circle cx="156" cy="100" r="8"/></svg>

static/Vvvebjs/libs/builder/icons/images.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="images.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="16.271186"
+     inkscape:cy="16"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="M 2 5 L 2 23 L 6 23 L 6 27 L 30 27 L 30 9 L 26 9 L 26 5 Z M 4 7 L 24 7 L 24 21 L 4 21 Z M 6 9 L 6 19 L 22 19 L 22 9 Z M 8 11 L 20 11 L 20 17 L 8 17 Z M 26 11 L 28 11 L 28 25 L 8 25 L 8 23 L 26 23 Z"
+     id="path2"
+     style="stroke:#ffffff;stroke-opacity:1" />
+</svg>

static/Vvvebjs/libs/builder/icons/instagram.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 512 512"
+   height="396"
+   version="1.1"
+   viewBox="0 0 396 396"
+   width="396"
+   xml:space="preserve"
+   id="svg13"
+   sodipodi:docname="instagram.svg"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"><metadata
+     id="metadata19"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs17" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     id="namedview15"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="2.6074563"
+     inkscape:cx="185.34101"
+     inkscape:cy="276.94744"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg13" /><g
+     id="Ebene_3"
+     transform="translate(-58,-58)" /><g
+     id="Ebene_1"
+     transform="translate(-58,-58)" /><g
+     id="Ebene_2"
+     transform="translate(-58,-58)"><g
+       id="g10"><path
+         d="m 394.9302,137.18461 c 7.07316,0 12.828,-5.75484 12.828,-12.828 0,-7.07317 -5.75484,-12.82801 -12.828,-12.82801 -7.07317,0 -12.82801,5.75484 -12.82801,12.82801 0,7.07316 5.75484,12.828 12.82801,12.828 z"
+         id="path4"
+         inkscape:connector-curvature="0"
+         style="stroke-width:1.97353947" /><path
+         d="M 416,58 H 96 C 75.047,58 58,75.047 58,96 v 320 c 0,20.953 17.047,38 38,38 h 320 c 20.953,0 38,-17.047 38,-38 V 96 C 454,75.047 436.953,58 416,58 Z m 26,38 v 90 H 330.117 C 311.51,166.309 285.167,154 256,154 c -29.167,0 -55.51,12.309 -74.117,32 H 166 V 70 h 250 c 14.337,0 26,11.664 26,26 z m -186,70 c 49.626,0 90,40.374 90,90 0,49.626 -40.374,90 -90,90 -49.626,0 -90,-40.374 -90,-90 0,-49.626 40.374,-90 90,-90 z M 118,186 V 70 h 36 V 186 Z M 96,70 h 10 V 186 H 70 V 96 C 70,81.664 81.663,70 96,70 Z M 416,442 H 96 C 81.663,442 70,430.336 70,416 V 198 H 172.145 C 160.712,214.479 154,234.469 154,256 c 0,56.243 45.757,102 102,102 56.243,0 102,-45.757 102,-102 0,-21.531 -6.712,-41.521 -18.145,-58 H 442 v 218 c 0,14.336 -11.663,26 -26,26 z"
+         id="path6"
+         inkscape:connector-curvature="0" /><path
+         d="m 256,310 c 29.775,0 54,-24.224 54,-54 0,-29.776 -24.225,-54 -54,-54 -29.775,0 -54,24.224 -54,54 0,29.776 24.225,54 54,54 z m 0,-96 c 23.159,0 42,18.841 42,42 0,23.159 -18.841,42 -42,42 -23.159,0 -42,-18.841 -42,-42 0,-23.159 18.841,-42 42,-42 z"
+         id="path8"
+         inkscape:connector-curvature="0" /></g></g></svg>

static/Vvvebjs/libs/builder/icons/jumbotron.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="164.51341mm"
+   height="128.23308mm"
+   viewBox="0 0 582.92154 454.36916"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="jumbotron.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994948"
+     inkscape:cx="193.52265"
+     inkscape:cy="91.275997"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="10"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="10"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1379.6937,-525.05662)">
+    <path
+       style="fill:#000000"
+       d="m 1416.7259,942.41828 c -1.9305,-1.9305 -2.0068,-3.8223 -0.2142,-5.31 0.9939,-0.8249 34.6537,-1.0584 125.75,-0.8725 l 124.3928,0.2539 0.3268,2.3051 c 0.7797,5.5003 8.1493,5.1949 -125.3778,5.1949 -110.7632,0 -123.466,-0.1598 -124.8776,-1.5714 z m 0,-36 c -1.9946,-1.9946 -1.9946,-3.8626 0,-5.8572 1.4203,-1.4202 25.8918,-1.5714 254.4286,-1.5714 228.5368,0 253.0083,0.1512 254.4286,1.5715 0.8643,0.8642 1.5714,2.1821 1.5714,2.9285 0,0.7465 -0.7071,2.0643 -1.5714,2.9286 -1.4203,1.4203 -25.8918,1.5714 -254.4286,1.5714 -228.5368,0 -253.0083,-0.1511 -254.4286,-1.5714 z m -0.596,-35.9582 c -0.9707,-1.1696 -1.0045,-2.111 -0.1439,-4 l 1.1256,-2.4704 254.0429,0 254.0429,0 1.1256,2.4704 c 0.8606,1.889 0.8268,2.8304 -0.1439,4 -1.1333,1.3655 -28.501,1.5296 -255.0246,1.5296 -226.5236,0 -253.8913,-0.1641 -255.0246,-1.5296 z m 0.2265,-35.6684 c -1.597,-1.5971 -1.5246,-4.2893 0.1529,-5.6815 0.9971,-0.8274 68.3721,-1.0578 255.141,-0.8724 240.4567,0.2387 253.8442,0.3438 254.8901,2.0019 0.8052,1.2765 0.8052,2.2236 0,3.5 -1.0459,1.6581 -14.4407,1.7633 -255.0429,2.002 -196.6823,0.1951 -254.2101,-0.019 -255.1411,-0.95 z m 1.3731,-61.8952 -2.6027,-3.0931 0.2639,-102.3793 0.2638,-102.3792 2.2778,-2.2776 2.2778,-2.2776 250.9444,0 250.9444,0 2.2778,2.2776 2.2778,2.2776 0.2638,102.3792 0.2639,102.3793 -2.6027,3.0931 -2.6028,3.0932 -250.8222,0 -250.8222,0 -2.6028,-3.0932 z m 491.1803,-104.6568 -0.2553,-89.75 -237.5,0 -237.5,0 -0.2553,89.75 -0.2554,89.75 238.0107,0 238.0107,0 -0.2554,-89.75 z"
+       id="path4177"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/label.svg

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="58.083462mm"
+   height="48.229645mm"
+   viewBox="0 0 205.80754 170.89244"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="label.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994949"
+     inkscape:cx="144.84593"
+     inkscape:cy="82.710532"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="20"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="20"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-56.810231,-366.62162)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       x="88.571426"
+       y="466.64792"
+       id="text3338"
+       sodipodi:linespacing="125%"><tspan
+         sodipodi:role="line"
+         id="tspan3340"
+         x="88.571426"
+         y="466.64792"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold'">LABEL</tspan></text>
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/left-column-layout.svg

@@ -0,0 +1 @@
+<svg viewBox="0 -64 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M61.812-4.921h394.856v394.856H61.812V13.027ZM86.49 17.514v349.002h167.336V17.514Zm190.698 0v351.182H433.27V17.514Z" fill="#999999" style="stroke-width:1.12175"/><path d="M86.49 190.924V15.334h167.336v351.182H86.49Z" fill="gray" fill-opacity=".329" style="fill:gray;fill-opacity:.27058825;stroke-width:1.26917"/></svg>

static/Vvvebjs/libs/builder/icons/link.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="94.1" x2="161.9" y1="161.9" y2="94"/><path d="M145,178.9l-28.3,28.3a48,48,0,0,1-67.9-67.9L77.1,111" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><path d="M178.9,145l28.3-28.3a48,48,0,0,0-67.9-67.9L111,77.1" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/list.svg

@@ -0,0 +1,7 @@
+<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
+    <path fill="none" d="M0 0h256v256H0z"/>
+    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" d="M88 64h128M88 128h128M88 192h128"/>
+    <circle cx="44" cy="128" r="8"/>
+    <circle cx="44" cy="64" r="8"/>
+    <circle cx="44" cy="192" r="8"/>
+</svg>

static/Vvvebjs/libs/builder/icons/list_group.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="164.44295mm"
+   height="184.47113mm"
+   viewBox="0 0 582.67186 653.63784"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="list_group.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994948"
+     inkscape:cx="913.3468"
+     inkscape:cy="515.40298"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="20"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="20"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-659.86944,-547.8843)">
+    <path
+       style="fill:#000000"
+       d="m 745.69471,1129.0745 c -19.3659,-4.1098 -36.2739,-17.8223 -44.7352,-36.2804 -6.125,-13.3616 -5.823,-1.2803 -5.5315,-221.33686 l 0.2667,-201.23411 2.3321,-6.5 c 6.2373,-17.38463 17.3545,-30.41714 32.2323,-37.78531 15.5524,-7.70227 -0.5198,-7.17996 220.9356,-7.17996 221.25699,0 205.53259,-0.50545 220.96619,7.1028 14.8268,7.30921 25.8983,20.32832 32.1984,37.86247 l 2.3354,6.5 0.2781,200.5 c 0.3088,222.62587 0.6914,209.05167 -6.299,223.49997 -8.8383,18.2678 -24.9271,30.8264 -44.7327,34.9174 -6.8458,1.414 -28.7349,1.5739 -205.45419,1.5011 -170.9354,-0.071 -198.7427,-0.2832 -204.7922,-1.5671 z m 410.99999,-33.3275 c 6.3748,-3.157 12.3669,-9.1491 15.5239,-15.5239 l 2.4761,-5 0.284,-52.25 0.2839,-52.24997 -224.03389,0 -224.034,0 0,50.46507 c 0,55.391 -0.01,55.3001 6.1527,64.2565 3.3749,4.9056 10.3805,10.023 16.2436,11.8653 3.301,1.0372 43.031,1.2526 203.1037,1.1013 l 198.99999,-0.1882 5,-2.4761 z m 18.5,-221.02387 0,-64 -223.99999,0 -224,0 0,64 0,64 224,0 223.99999,0 0,-64 z m -0.216,-148.25 -0.284,-52.25 -2.4476,-4.97392 c -3.1218,-6.34409 -9.2344,-12.45663 -15.5785,-15.57848 l -4.9739,-2.4476 -200.49999,0 -200.5,0 -4.9739,2.4476 c -6.3441,3.12185 -12.4566,9.23439 -15.5785,15.57848 l -2.4476,4.97392 -0.284,52.25 -0.2839,52.25 224.0679,0 224.06789,0 -0.2839,-52.25 z"
+       id="path4286"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/logo.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Icons"
+   version="1.1"
+   viewBox="0 0 32 32"
+   xml:space="preserve"
+   sodipodi:docname="logo.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><metadata
+     id="metadata11"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs9" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     id="namedview7"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="16.271186"
+     inkscape:cy="16"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Icons" /><style
+     type="text/css"
+     id="style2">.st0{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}</style><circle
+     class="st0"
+     cx="22.441"
+     cy="21.136"
+     r="7"
+     id="circle4"
+     fill="none"
+     stroke="#000"
+     stroke-width="1"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-miterlimit="10"
+     stroke-dasharray="none"
+     style="stroke-width:1;stroke-miterlimit:10;stroke-dasharray:none" /><path
+     class="st0"
+     d="M17.164 15.97l-6.123-8.934c-.8-1.2-2.4-1.2-3.2 0l-6 8.9c-1 1.3 0 3.2 1.6 3.2h12"
+     id="path6"
+     fill="none"
+     stroke="#000"
+     stroke-width="1"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-miterlimit="10"
+     stroke-dasharray="none"
+     style="stroke-width:1;stroke-miterlimit:10;stroke-dasharray:none" /><path
+     class="st0"
+     d="M15.44 13.417V5.136c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2V16.05"
+     id="path8"
+     fill="none"
+     stroke="#000"
+     stroke-width="1"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-miterlimit="10"
+     stroke-dasharray="none"
+     style="stroke-width:1;stroke-miterlimit:10;stroke-dasharray:none" /></svg>

static/Vvvebjs/libs/builder/icons/lottie.svg

@@ -0,0 +1 @@
+<svg width="180" height="180" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1=".003" y1=".103" x2=".954" y2=".725" id="a"><stop stop-color="#2BEAED" offset="0%"/><stop stop-color="#0FCCCE" offset="100%"/></linearGradient></defs><g transform="translate(13.637 13.58)" style="stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none" fill="none" fill-rule="evenodd"><rect fill="url(#a)" width="156.235" height="156.644" rx="12.688" style="fill:none;fill-opacity:1;stroke:#000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/><path d="M119.052 30.826c4.285.634 7.243 4.628 6.61 8.918-.632 4.292-4.618 7.26-8.905 6.624-7.591-1.124-18.963 10.697-31.695 35.003-16.254 31.03-31.382 45.815-47.31 44.635-4.32-.32-7.562-4.088-7.243-8.413.319-4.326 4.079-7.576 8.4-7.256 7.865.583 19.418-11.742 32.264-36.266 16.357-31.229 31.691-45.644 47.879-43.245Z" fill="#FFF" style="fill:none;stroke:#000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/></g></svg>

static/Vvvebjs/libs/builder/icons/mail.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" ?><svg style="enable-background:new 0 0 128 128;" version="1.1" viewBox="0 0 128 128" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{fill:none;stroke:#000;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+</style><g class="st0" id="Layer_1"/><g id="Layer_2"><path class="st2" d="M20.1,40l38.1,31.5c3.3,2.8,8.2,2.8,11.5,0L107.9,40"/><path class="st2" d="M107.9,85.6V36.1c0-2.1-1.7-3.7-3.7-3.7H23.9c-2.1,0-3.7,1.7-3.7,3.7v55.7c0,2.1,1.7,3.7,3.7,3.7h84"/></g></svg>

static/Vvvebjs/libs/builder/icons/manufacturers.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 48 48" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+    <path clip-rule="evenodd" d="M6 47V20a4 4 0 0 1 4-4v-4a2 2 0 0 1 2-2h2V2a1 1 0 1 1 2 0v8h2a2 2 0 0 1 2 2v4a4 4 0 0 1 4 4v8h7v-6h4v-3h6v3h1v25H6zm12-34a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v3h6v-3zm4 7a2 2 0 0 0-2-2H10a2 2 0 0 0-2 2v25h14V20zm9 10h-7v15h7V30zm9-6h-7v21h7V24zm-4 3h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0 6h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0 6h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm-9-6h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm0 6h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1zm-9 3h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1zm0-6h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1zm0-6h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1zm0-6h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1zm-5 18h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1zm0-6h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1zm0-6h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1zm0-6h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1z" fill-rule="evenodd"/>
+</svg>

static/Vvvebjs/libs/builder/icons/map.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><polyline fill="none" points="96 184 32 200 32 56 96 40" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polygon fill="none" points="160 216 96 184 96 40 160 72 160 216" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="160 72 224 56 224 200 160 216" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

static/Vvvebjs/libs/builder/icons/menu.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="90.815338mm"
+   height="170.57832mm"
+   viewBox="0 0 321.78665 604.41139"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="navbar.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="760.62432"
+     inkscape:cy="535.36161"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="50"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="50"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-96.80657,-658.99298)">
+    <path
+       style="fill:#000000"
+       d="m 134.6999,1084.1985 c -1.61905,-1.619 -2,-3.3333 -2,-9 0,-12.3121 -14.91031,-11 125.00001,-11 139.9103,0 125,-1.3121 125,11 0,12.3121 14.9103,11 -125,11 -119.66668,0 -121.02205,-0.022 -123.00001,-2 z m 2.31537,-116.00064 c -3.24458,-1.31666 -4.31537,-4.1357 -4.31537,-11.36102 0,-5.82359 0.2717,-6.70688 2.63486,-8.56574 2.63229,-2.07056 2.75143,-2.07258 122.36515,-2.07258 119.6137,0 119.7329,0.002 122.3652,2.07258 2.386,1.8769 2.6348,2.71617 2.6348,8.88922 0,5.22146 -0.4473,7.36908 -1.9115,9.17742 l -1.9116,2.36078 -119.8384,0.19293 c -67.86627,0.10926 -120.78595,-0.19154 -122.02314,-0.69359 z m -2.12681,-112.03831 c -1.84654,-1.72031 -2.18856,-3.1268 -2.18856,-9 0,-12.26619 -14.88402,-10.96104 125.00001,-10.96104 119.6667,0 121.0221,0.022 123,2 1.6093,1.60932 2,3.33333 2,8.82569 0,5.84184 -0.3336,7.13908 -2.3144,9 l -2.3145,2.17431 -120.497,0 c -119.88212,0 -120.50815,-0.0104 -122.68555,-2.03896 z"
+       id="path3345"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/minus_round.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M256.142,6.652c-137.533,0-249,111.467-249,249c0,137.534,111.467,249,249,249   c137.534,0,249-111.466,249-249C505.142,118.12,393.675,6.652,256.142,6.652z M256.142,484.732   c-126.309,0-229.08-102.77-229.08-229.08c0-126.309,102.771-229.08,229.08-229.08c126.309,0,229.08,102.771,229.08,229.08   C485.222,381.962,382.45,484.732,256.142,484.732z" fill="#37404D"/><rect fill="#37404D" height="19.92" width="258.298" x="127.323" y="245.692"/></g></svg>

static/Vvvebjs/libs/builder/icons/navbar.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="90.815338mm"
+   height="170.57832mm"
+   viewBox="0 0 321.78665 604.41139"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="navbar.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="760.62432"
+     inkscape:cy="535.36161"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="50"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="50"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-96.80657,-658.99298)">
+    <path
+       style="fill:#000000"
+       d="m 134.6999,1084.1985 c -1.61905,-1.619 -2,-3.3333 -2,-9 0,-12.3121 -14.91031,-11 125.00001,-11 139.9103,0 125,-1.3121 125,11 0,12.3121 14.9103,11 -125,11 -119.66668,0 -121.02205,-0.022 -123.00001,-2 z m 2.31537,-116.00064 c -3.24458,-1.31666 -4.31537,-4.1357 -4.31537,-11.36102 0,-5.82359 0.2717,-6.70688 2.63486,-8.56574 2.63229,-2.07056 2.75143,-2.07258 122.36515,-2.07258 119.6137,0 119.7329,0.002 122.3652,2.07258 2.386,1.8769 2.6348,2.71617 2.6348,8.88922 0,5.22146 -0.4473,7.36908 -1.9115,9.17742 l -1.9116,2.36078 -119.8384,0.19293 c -67.86627,0.10926 -120.78595,-0.19154 -122.02314,-0.69359 z m -2.12681,-112.03831 c -1.84654,-1.72031 -2.18856,-3.1268 -2.18856,-9 0,-12.26619 -14.88402,-10.96104 125.00001,-10.96104 119.6667,0 121.0221,0.022 123,2 1.6093,1.60932 2,3.33333 2,8.82569 0,5.84184 -0.3336,7.13908 -2.3144,9 l -2.3145,2.17431 -120.497,0 c -119.88212,0 -120.50815,-0.0104 -122.68555,-2.03896 z"
+       id="path3345"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/pagination.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="430.802" height="371.076" viewBox="0 0 403.877 347.884">
+    <path style="fill:#000" d="M1168.572 599.734c-143.95 0-149.63.069-153 1.864-4.898 2.609-8.816 6.456-11.341 11.136l-2.159 4v40.5c0 17.28.06 60.614 1.864 64 1.769 3.322 3.988 6.083 6.636 8.278l.01-55.028c0-1.569.01-2.203.01-3.687v58.724c2.588 2.142 5.586 3.743 8.983 4.786 1.02.313 38.626.54 91.004.6v.113h7.984v-.11c16.225.013 33.325.016 51.5-.006l48.5-.056v.171h8.021v-.18l91.5-.105 4-2.158a26.386 26.386 0 0 0 4.485-3.076c0-.003.01-.005.01-.008v-.002a28.022 28.022 0 0 0 6.639-8.256c1.803-3.386 1.865-31.063 1.865-64v-40.5l-2.16-4c-2.526-4.68-6.441-8.528-11.34-11.137-3.37-1.795-9.05-1.863-153-1.863zM1326.568 729.5v5.52zm-100.005-121.268 45.25.008c42.643.006 45.413.115 48.107 1.891 1.572 1.037 3.708 3.172 4.744 4.744 1.639 2.485 1.843 7.099 1.875 48.865-.032 29.642-.251 53.39-1.875 55.852-1.036 1.572-3.172 3.708-4.744 4.744h.01c-2.29 1.51-10.76 1.8-93.365 1.86v-56.463zm-116 .002v117.961c-82.592-.059-91.06-.35-93.35-1.859-1.572-1.037-3.706-3.172-4.742-4.744-1.66-2.518-1.853-26.12-1.88-57.705.037-39.88.26-44.566 1.872-47.012 1.036-1.572 3.172-3.706 4.744-4.742 2.694-1.776 5.466-1.887 48.11-1.893zm8 0h100V726.2c-15.702.008-28.58.022-49.995.022-21.42 0-34.302-.013-50.005-.022v-56.465zm159.595 35.205a25.752 25.752 0 0 0-1.86.055c-7.101.456-10.397 2.667-13.653 9.166-2.658 5.304-2.126 7.815 1.775 8.395 1.712.254 2.535-.573 4.018-4.032 2.592-6.048 8.196-8.4 13.439-5.64 2.958 1.557 3.652 2.792 3.67 6.53.018 3.806-3.823 7.321-7.998 7.321-3.152 0-5.308 2.097-4.81 4.68.236 1.23 1.919 2.128 5.46 2.914 6.28 1.395 7.245 1.966 8.385 4.965 2.132 5.607-3.094 11.441-10.25 11.441-4.28 0-7.39-2.22-9.559-6.826-1.311-2.786-2.332-3.674-4.222-3.674-5.757 0-2.11 11.806 4.77 15.438 2.305 1.217 5.766 1.99 9.029 2.017 14.872.125 23.438-14.4 14.652-24.841l-2.557-3.04 2.307-3.122c1.714-2.32 2.29-4.393 2.234-8.063-.126-8.49-5.758-13.613-14.83-13.684zm-109.078.004c-3.551.025-7.162.878-9.31 2.47-6.292 4.66-9.316 13.122-5.432 15.2 2.281 1.221 5.225-.353 5.225-2.795 0-5.62 8.163-9.602 13.755-6.71 3.287 1.699 4.245 3.388 4.245 7.486 0 3.625-1.443 5.556-15.19 20.363-6.497 6.998-11.81 13.096-11.81 13.55 0 .456.539 1.366 1.199 2.026.832.832 6.036 1.202 16.965 1.202 14.904 0 15.824-.114 16.869-2.065 2.119-3.96-.208-4.935-11.77-4.935h-10.492l8.627-9.067c10.076-10.588 12.602-14.944 12.602-21.746 0-5.92-2.934-10.855-8.022-13.494-1.974-1.024-4.699-1.504-7.46-1.485zm-108.039.079c-.813.047-1.75.562-3.107 1.625-4.674 3.66-13.371 12.179-13.371 13.095 0 1.123 2.9 3.992 4.035 3.992.491 0 2.431-1.35 4.31-3 1.88-1.65 3.696-3 4.035-3 .34 0 .62 7.401.62 16.448v16.447l-5.243.303c-5.375.31-6.776 1.71-5.375 5.361.811 2.113 25.822 2.102 27.577-.012 2.472-2.979.83-5.016-4.47-5.546l-4.99-.5-.5-21.893c-.429-18.786-.731-22.038-2.128-22.918-.462-.29-.905-.43-1.393-.402zm-50.478 85.99v5.508h.01v-5.498c0-.003-.01-.007-.01-.01z" transform="translate(-966.64 -493.435)"/>
+</svg>

static/Vvvebjs/libs/builder/icons/panel.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="164.44295mm"
+   height="184.47113mm"
+   viewBox="0 0 582.67186 653.63784"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="panel.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994948"
+     inkscape:cx="418.98084"
+     inkscape:cy="230.0202"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="20"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="20"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1154.2354,-262.50153)">
+    <path
+       style="fill:#555555"
+       d="m 1240.0607,843.69181 c -19.3659,-4.1099 -36.2739,-17.8224 -44.7352,-36.2805 -6.125,-13.3615 -5.823,-1.2803 -5.5315,-221.33684 l 0.2667,-201.23411 2.3321,-6.5 c 6.2373,-17.38463 17.3545,-30.41714 32.2323,-37.78531 15.5524,-7.70227 -0.5198,-7.17996 220.9356,-7.17996 221.257,0 205.5326,-0.50545 220.9662,7.1028 14.8268,7.30921 25.8983,20.32832 32.1984,37.86247 l 2.3354,6.5 0.2781,200.5 c 0.3088,222.62585 0.6914,209.05165 -6.299,223.50005 -8.8382,18.2677 -24.9272,30.8264 -44.7327,34.9173 -6.8458,1.414 -28.7349,1.574 -205.4542,1.5011 -170.9354,-0.07 -198.7427,-0.2832 -204.7922,-1.567 z m 411,-33.3276 c 6.3748,-3.157 12.3669,-9.149 15.5239,-15.5238 l 2.4761,-5 0.2629,-148.25 0.2629,-148.25005 -224.0129,0 -224.0129,0 0,146.46505 c 0,161.492 -0.4139,150.7111 6.1527,160.2565 3.3749,4.9057 10.3805,10.023 16.2436,11.8653 3.301,1.0372 43.031,1.2526 203.1037,1.1013 l 199,-0.1881 5,-2.4762 z m 18.2966,-385.27385 c -0.2958,-36.15505 -0.303,-36.26303 -2.7442,-41.22392 -3.1219,-6.34409 -9.2344,-12.45663 -15.5785,-15.57848 l -4.9739,-2.4476 -200.5,0 -200.5,0 -4.9739,2.4476 c -6.3441,3.12185 -12.4566,9.23439 -15.5785,15.57848 -2.4412,4.96089 -2.4484,5.06887 -2.7442,41.22392 l -0.2965,36.25 224.0931,0 224.0931,0 -0.2965,-36.25 z"
+       id="path4254"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/paragraph.svg

@@ -0,0 +1 @@
+<svg width="201.635" height="201.635" viewBox="0 0 53.349 53.349" xmlns="http://www.w3.org/2000/svg"><path style="fill:#000;stroke-width:.28;stroke-miterlimit:4;stroke-dasharray:none;stroke:#000;stroke-opacity:1;stroke-linejoin:round;stroke-linecap:round" d="M114.696 164.875c-.513-.288-.488.19-.488-9.308v-8.683h-5.101c-5.504 0-5.844-.022-7.368-.466-3.773-1.099-6.991-4.087-8.389-7.79-1.24-3.286-1.016-6.848.63-10.034 1.776-3.434 4.91-5.809 8.84-6.698l.847-.192 10.306-.028c11.379-.031 10.66-.064 10.951.498.187.36.098.768-.227 1.041-.255.215-.27.217-1.775.217h-1.518v40.966l-.216.257c-.273.325-.681.414-1.042.227-.563-.29-.52 1.449-.52-21.041v-20.41h-3.64V164.409l-.233.258c-.281.312-.719.399-1.057.209zm-.488-30.57V123.42l-5.27.034c-4.946.032-5.318.045-6.033.208-2.114.483-3.744 1.33-5.206 2.705-1.642 1.545-2.735 3.549-3.192 5.855-.2 1.013-.195 3.266.01 4.204.876 4.008 3.494 6.99 7.16 8.154 1.741.552 2.15.583 7.98.599l4.55.012z" transform="translate(-82.938 -115.355)"/></svg>

static/Vvvebjs/libs/builder/icons/paypal.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="49px" id="Layer_1" style="enable-background:new 0 0 47.1 49;" version="1.1" viewBox="0 0 47.1 49" width="47.1px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M42.6,10.6C42.1,3.8,36.7,0,27.2,0h-18L0,42h6l-1.6,7h16.4l2.5-10h8.4c8.5,0,15.4-10.3,15.4-18.9    C47.1,16,45.5,12.7,42.6,10.6z M10.9,2h16.3c6.1,0,13.4,1.7,13.4,9.7c0,7.4-6,16.3-13.4,16.3h-10l-2.5,12H2.5L10.9,2z M31.7,37    h-9.9l-2.5,10H6.9l1.2-5h8.4l2.5-12h8.3c8.1,0,14.6-8.7,15.3-16.8c1.6,1.7,2.5,4,2.5,6.8C45.1,27.7,38.9,37,31.7,37z"/></g></g></svg>

static/Vvvebjs/libs/builder/icons/play-button.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background:new 0 0 60 60;" xml:space="preserve">
+<g>
+	<path d="M45.563,29.174l-22-15c-0.307-0.208-0.703-0.231-1.031-0.058C22.205,14.289,22,14.629,22,15v30
+		c0,0.371,0.205,0.711,0.533,0.884C22.679,45.962,22.84,46,23,46c0.197,0,0.394-0.059,0.563-0.174l22-15
+		C45.836,30.64,46,30.331,46,30S45.836,29.36,45.563,29.174z M24,43.107V16.893L43.225,30L24,43.107z"/>
+	<path d="M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M30,58C14.561,58,2,45.439,2,30
+		S14.561,2,30,2s28,12.561,28,28S45.439,58,30,58z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

static/Vvvebjs/libs/builder/icons/plus_round.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 512 512" height="512px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M256.108,3.02c-139.743,0-253,113.257-253,253s113.257,252.995,253,252.995   c139.743,0,253-113.252,253-252.995S395.852,3.02,256.108,3.02z M256.108,488.775c-128.338,0-232.76-104.417-232.76-232.755   c0-128.339,104.422-232.76,232.76-232.76c128.338,0,232.76,104.421,232.76,232.76C488.868,384.358,384.446,488.775,256.108,488.775   z" fill="#37404D"/><polygon fill="#37404D" points="266.228,104.22 245.988,104.22 245.988,245.9 104.98,245.9 104.98,266.14 245.988,266.14    245.988,407.148 266.228,407.148 266.228,266.14 407.908,266.14 407.908,245.9 266.228,245.9  "/></g></svg>

static/Vvvebjs/libs/builder/icons/plus_square.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg fill="none" height="24" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="18" rx="2" ry="2" width="18" x="3" y="3"/><line x1="12" x2="12" y1="8" y2="16"/><line x1="8" x2="16" y1="12" y2="12"/></svg>

static/Vvvebjs/libs/builder/icons/post.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M200,224H56a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h96l56,56V216A8,8,0,0,1,200,224Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="152 32 152 88 208 88" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="96" x2="160" y1="136" y2="136"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="96" x2="160" y1="168" y2="168"/></svg>

static/Vvvebjs/libs/builder/icons/posts.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M168,224H56a8,8,0,0,1-8-8V72a8,8,0,0,1,8-8h80l40,40V216A8,8,0,0,1,168,224Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><path d="M80,64V40a8,8,0,0,1,8-8h80l40,40V184a8,8,0,0,1-8,8H176" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="88" x2="136" y1="152" y2="152"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="88" x2="136" y1="184" y2="184"/></svg>

static/Vvvebjs/libs/builder/icons/posts2.svg

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 512 512"
+   height="200"
+   id="Layer_1"
+   version="1.1"
+   viewBox="0 0 200 200"
+   width="200"
+   xml:space="preserve"
+   sodipodi:docname="posts.svg"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><metadata
+     id="metadata19"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs17" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="768"
+     inkscape:window-height="480"
+     id="namedview15"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="0.4609375"
+     inkscape:cx="78.5"
+     inkscape:cy="91.2"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" /><g
+     id="g12"
+     transform="translate(-153.63559,-153.70847)"><path
+       d="m 329.5,342.2 h -147 V 169.8 h 112 c 13.7,13.7 21.3,21.3 35,35 z"
+       stroke-miterlimit="10"
+       id="path2"
+       inkscape:connector-curvature="0"
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5" /><polyline
+       points="   294.5,169.8 294.5,206.5 329.5,206.5  "
+       stroke-miterlimit="10"
+       id="polyline4"
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5" /><line
+       stroke-miterlimit="10"
+       x1="216"
+       x2="296"
+       y1="226"
+       y2="226"
+       id="line6"
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5" /><line
+       stroke-miterlimit="10"
+       x1="216"
+       x2="296"
+       y1="256"
+       y2="256"
+       id="line8"
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5" /><line
+       stroke-miterlimit="10"
+       x1="216"
+       x2="256"
+       y1="286"
+       y2="286"
+       id="line10"
+       style="fill:none;stroke:#000000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:5" /></g></svg>

static/Vvvebjs/libs/builder/icons/price-table.svg

@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="48mm"
+   height="48mm"
+   viewBox="0 0 48 48"
+   version="1.1"
+   id="svg825"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   sodipodi:docname="price-table.svg">
+  <defs
+     id="defs819" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="58.367284"
+     inkscape:cy="153.14715"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:window-width="2560"
+     inkscape:window-height="1379"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <sodipodi:guide
+       position="-48.475445,94.305057"
+       orientation="1,0"
+       id="guide1430"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata822">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-249)">
+    <rect
+       style="fill:none;fill-opacity:1;stroke:#000009;stroke-width:1.15513849;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1373"
+       width="13.185587"
+       height="21.334726"
+       x="1.6606182"
+       y="263.00998"
+       ry="0.24695937" />
+    <rect
+       style="fill:none;fill-opacity:1;stroke:#000009;stroke-width:1.3136493;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1373-3"
+       width="13.027077"
+       height="27.927393"
+       x="17.454111"
+       y="259.49722"
+       ry="0.32327256" />
+    <rect
+       style="fill:none;fill-opacity:1;stroke:#000009;stroke-width:1.15513849;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1373-6"
+       width="13.185587"
+       height="21.334726"
+       x="33.21283"
+       y="263.01865"
+       ry="0.24695937" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 3.7013752,270.56043 c 7.8779588,0.0395 9.1843548,0 9.1843548,0"
+       id="path1396"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 3.7013752,273.83103 c 7.8779588,0.0395 9.1843548,0 9.1843548,0"
+       id="path1396-7"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 3.7013752,277.51456 c 7.8779578,0.0395 9.1843538,0 9.1843538,0"
+       id="path1396-7-5"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 19.649219,270.38291 c 7.877959,0.0395 9.184354,0 9.184354,0"
+       id="path1396-3"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 19.649219,273.65352 c 7.877959,0.0395 9.184354,0 9.184354,0"
+       id="path1396-7-56"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 19.649219,277.33704 c 7.877958,0.0395 9.184353,0 9.184353,0"
+       id="path1396-7-5-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 35.540148,270.5948 c 7.877959,0.0395 9.184355,0 9.184355,0"
+       id="path1396-3-9"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 35.540148,273.86541 c 7.877959,0.0395 9.184355,0 9.184355,0"
+       id="path1396-7-56-1"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+    <path
+       style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.05700576;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 35.540148,277.54893 c 7.877958,0.0395 9.184353,0 9.184353,0"
+       id="path1396-7-5-2-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cc" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/product.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M224,177.3V78.7a8.1,8.1,0,0,0-4.1-7l-88-49.5a7.8,7.8,0,0,0-7.8,0l-88,49.5a8.1,8.1,0,0,0-4.1,7v98.6a8.1,8.1,0,0,0,4.1,7l88,49.5a7.8,7.8,0,0,0,7.8,0l88-49.5A8.1,8.1,0,0,0,224,177.3Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="177 152.5 177 100.5 80 47" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="222.9 74.6 128.9 128 33.1 74.6" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="128.9" x2="128" y1="128" y2="234.8"/></svg>

static/Vvvebjs/libs/builder/icons/product_gallery.svg

@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="519.15308"
+   height="610.30658"
+   viewBox="0 0 519.15306 610.30659"
+   sodipodi:docname="product_gallery.svg">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     id="namedview4"
+     showgrid="false"
+     fit-margin-top="100"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="100"
+     inkscape:zoom="1.3037281"
+     inkscape:cx="389.22813"
+     inkscape:cy="331.49871"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     style="fill:#000000"
+     d="m 269.28295,208.69082 c -13.25249,0.19801 -26.45038,7.40757 -33.08984,21.53125 -2.7168,5.77928 -3.16394,7.84939 -3.17774,14.72461 -0.0102,5.07292 0.62171,9.82942 1.72852,13 3.53364,10.12244 13.38298,19.71767 23.60156,22.99219 2.96211,0.9492 7.52615,1.37807 12.63672,1.1875 14.22491,-0.53043 25.48789,-7.81501 31.75,-20.53516 2.97829,-6.04977 3.25,-7.40003 3.25,-16.14453 0,-8.76642 -0.26753,-10.08511 -3.28711,-16.21875 -6.85381,-13.92208 -20.15962,-20.73511 -33.41211,-20.53711 z m 0.1875,15.7168 c 6.6457,-0.15748 13.29519,2.85463 17.61719,9.24218 6.15816,9.10125 5.21659,19.08475 -2.5293,26.79688 -2.74616,2.73419 -6.22091,5.04368 -8.6914,5.77734 -5.15867,1.53195 -7.89226,1.48796 -12.625,-0.20117 -5.59382,-1.99646 -8.47064,-4.18042 -11.47266,-8.71679 -3.70345,-5.59628 -4.37288,-14.82342 -1.48438,-20.44141 4.12728,-8.02732 11.65375,-12.27855 19.18555,-12.45703 z m -92.09766,39.03906 c -0.54728,0 -110.24906,140.21601 -116.552729,148.97266 -0.97653,1.35654 -0.25696,2.35733 4.5,6.25781 3.114319,2.5536 5.887109,4.65301 6.162109,4.66601 0.275,0.013 24.285017,-30.60094 53.35547,-68.03125 29.07045,-37.4303 53.17985,-67.67353 53.57617,-67.20898 0.39631,0.46455 11.51611,13.89375 24.71094,29.84375 53.94027,65.20334 83.6797,101.07108 84.8164,102.29492 0.96951,1.04385 2.30083,0.38945 6.8711,-3.37304 3.11817,-2.56705 5.66615,-4.94979 5.66015,-5.29493 -0.006,-0.34514 -5.40586,-7.14804 -12,-15.11914 -6.59413,-7.97111 -11.99023,-14.7237 -11.99023,-15.00586 0,-0.28217 14.17477,-14.68327 31.5,-32.00195 l 31.5,-31.48828 36.26953,36.25781 36.26953,36.25977 5.46289,-5.53125 5.46289,-5.53125 -41.73046,-41.73047 -41.73047,-41.73047 -36.75196,36.74219 -36.75195,36.74023 -43.93945,-52.99414 c -24.16717,-29.1466 -44.26868,-52.99414 -44.66993,-52.99414 z"
+     id="path4173"
+     inkscape:connector-curvature="0"
+     sodipodi:nodetypes="ssssssssssssssssssssssssssssssscccccccccss" />
+  <path
+     style="fill:#000000"
+     d="m 35.214345,100.2144 c -14.561124,5.14752 -27.1159756,16.10302 -32.7076356,30.66553 -4.1417,7.78145 -1.02418,17.18187 -2.02055895,25.66449 0.04976,98.91767 -1.082213,197.84236 -0.0511,296.75591 0.60201095,13.11442 -0.616145,27.92542 8.49804695,38.63672 6.4654886,8.15923 15.4782996,15.14251 25.8046866,17.26953 51.380303,1.79469 102.829056,0.77621 154.236326,1.08515 98.67473,-0.18576 197.4572,0.0266 296.06446,-0.50507 14.35289,-5.75056 27.75129,-17.36876 31.60742,-32.78711 3.34296,-25.14544 1.78739,-50.66332 2.38326,-75.96476 -0.23082,-64.91179 0.76809,-129.84301 -0.67818,-194.74227 -0.51085,-11.10343 -0.61543,-23.44993 -8.56641,-32.21484 -7.125,-9.49584 -17.63292,-17.50681 -30.0016,-17.49781 -42.56153,-2.32129 -85.23721,-0.88058 -127.8441,-1.32474 -40.75131,-0.006 -81.50261,-0.0115 -122.25391,-0.0173 -8.70705,-14.88052 -14.39739,-32.28745 -27.19922,-44.36913 -6.1259,-4.92034 -13.59589,-8.62783 -20.94531,-10.8379 -48.76156,0.1232 -97.631453,-0.245182 -146.326175,0.1836 z M 141.5913,117.20073 c 14.62191,0.66133 29.75485,-1.33906 43.88672,3.14257 10.99511,6.01093 14.62916,19.0161 20.79687,29.08204 4.0505,7.8185 8.10315,15.63589 12.15235,23.45507 82.0147,0.47099 164.13037,-0.12356 246.08489,1.05111 8.10815,0.95463 17.59528,-0.77619 24.65144,4.10709 4.10284,4.43722 9.61844,8.74674 9.47461,15.54297 2.5872,35.03991 1.01228,70.32521 1.37601,105.48433 -0.14897,58.33659 -0.28698,116.67321 -0.4307,175.00981 -4.25737,8.11354 -11.1422,16.19283 -20.24024,18.24208 -146.39424,-0.11506 -292.796,0.91537 -439.185217,-0.50016 -8.216948,0.32261 -14.384311,-7.49299 -18.83822,-13.34543 -5.740004,-7.71986 -2.152961,-17.8387 -3.172489,-26.76559 0.08001,-96.50417 -0.965923,-193.01448 -0.06601,-289.51489 0.919915,-10.58814 -0.792314,-22.12373 3.914281,-32.04569 4.893353,-5.26151 10.167422,-11.45117 18.036528,-11.40078 32.691664,-2.25385 65.637527,-1.0097 98.443937,-1.54032 1.03841,-0.001 2.07683,-0.003 3.11524,-0.004 z"
+     id="path4409"
+     inkscape:connector-curvature="0" />
+</svg>

static/Vvvebjs/libs/builder/icons/products.svg

@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M224,177.3V78.7a8.1,8.1,0,0,0-4.1-7l-88-49.5a7.8,7.8,0,0,0-7.8,0l-88,49.5a8.1,8.1,0,0,0-4.1,7v98.6a8.1,8.1,0,0,0,4.1,7l88,49.5a7.8,7.8,0,0,0,7.8,0l88-49.5A8.1,8.1,0,0,0,224,177.3Z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><polyline fill="none" points="222.9 74.6 128.9 128 33.1 74.6" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><line fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" x1="128.9" x2="128" y1="128" y2="234.8"/></svg>

static/Vvvebjs/libs/builder/icons/progressbar.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="196.91806mm"
+   height="114.06055mm"
+   viewBox="0 0 697.74116 404.15151"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="progressbar.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.98994948"
+     inkscape:cx="100.96427"
+     inkscape:cy="-52.506834"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="50"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="50"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-1472.2521,-673.92805)">
+    <path
+       style="fill:#000000"
+       d="m 1559.4312,904.16099 c -6.2252,-5.50885 -7.2993,-9.66672 -7.2993,-28.25443 0,-18.78254 1.2362,-23.0676 8.1219,-28.15435 3.4717,-2.56457 18.1459,-2.7175 261.1538,-2.71974 247.3154,0 257.6198,0.10941 261.1305,2.83748 5.8101,4.51421 7.5754,11.03523 7.5754,27.98377 0,16.15468 -1.3948,22.32795 -6.2037,27.45647 -2.8933,3.0854 -4.8146,3.11113 -261.9825,3.49644 -255.3031,0.38244 -259.1177,0.34402 -262.4961,-2.64564 z m 517.5948,-15.92591 c 0.7411,-1.07385 1.2873,-6.21654 1.2873,-12.12226 0,-5.90571 -0.5462,-11.04853 -1.2873,-12.12226 -0.9702,-1.40556 -15.9005,-1.86496 -60.6101,-1.86496 l -59.3228,0 0,13.98722 0,13.98722 59.3228,0 c 44.7096,0 59.6399,-0.4594 60.6101,-1.86496 z"
+       id="path4149"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sscscscsscssscccsc" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/radio.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="146.3224mm"
+   height="182.82587mm"
+   viewBox="0 0 518.46522 647.80814"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="radio.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="580.96955"
+     inkscape:cy="320.51904"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="30"
+     fit-margin-left="10"
+     fit-margin-right="10"
+     fit-margin-bottom="30"
+     inkscape:window-width="2560"
+     inkscape:window-height="1391"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-107.65521,-21.660061)">
+    <path
+       style="fill:#000000"
+       d="m 198.15622,562.24348 c -14.07659,-2.05064 -25.82957,-8.01018 -36.10095,-18.30554 -10.86155,-10.88691 -16.5388,-22.42626 -18.48985,-37.58172 -4.00551,-31.11414 17.65146,-62.26932 48.31037,-69.49807 8.13497,-1.91807 22.76091,-1.90374 30.2846,0.0297 28.98846,7.44928 48.49364,32.3831 48.44533,61.92852 -0.0188,11.50475 -1.99757,19.83687 -6.98821,29.42586 -9.76249,18.7576 -27.31948,31.12281 -48.31938,34.03083 -8.66218,1.19952 -8.7057,1.19944 -17.14191,-0.0295 z m 24.91422,-28.71704 c 11.68041,-5.46592 19.25627,-15.41799 21.65763,-28.45065 3.64125,-19.76173 -10.15661,-39.57208 -30.44189,-43.7071 -27.81245,-5.66938 -52.23356,21.45327 -43.79437,48.63903 6.98369,22.49706 31.41178,33.42388 52.57863,23.51872 z m -24.82245,-10.63839 c -5.76906,-2.05643 -10.78046,-6.58943 -13.97333,-12.63942 -2.54537,-4.82308 -2.7995,-6.1467 -2.40697,-12.5367 0.6951,-11.31569 6.54108,-19.2528 16.86259,-22.89445 11.74872,-4.1452 25.01011,1.39886 31.18873,13.03874 2.89131,5.44691 3.01034,16.36884 0.2393,21.95703 -5.78993,11.67622 -19.76733,17.40327 -31.91032,13.0748 z m 130.13509,-13.09722 c -3.50662,-1.90267 -5.77216,-6.30743 -5.72713,-11.13495 0.0439,-4.70339 1.72007,-7.84048 5.53199,-10.35332 2.85938,-1.88491 6.0609,-1.93333 128.2783,-1.93975 114.2473,-0.006 125.5909,0.13822 128.1145,1.62895 5.6775,3.35381 7.7208,11.21314 4.5229,17.39719 -3.278,6.33885 4.9518,5.97121 -132.6835,5.92723 -108.87922,-0.0348 -125.65837,-0.23468 -128.03706,-1.52535 z M 194.12049,407.87636 c -20.15046,-4.43597 -35.30853,-16.31135 -44.79182,-35.09156 -8.20763,-16.25394 -8.10473,-38.79513 0.25267,-55.35105 8.15794,-16.16079 21.3035,-27.50041 38.53915,-33.24463 5.83398,-1.94432 8.9989,-2.32386 19,-2.27845 10.27252,0.0466 13.07967,0.43085 19.5,2.66895 11.41118,3.97788 16.75336,7.37129 25.50434,16.2006 12.96558,13.08163 18.49567,26.40958 18.49567,44.57598 0,18.07082 -5.84689,32.01014 -18.91499,45.0944 -15.30794,15.32687 -37.12684,21.92946 -57.58502,17.42576 z m 29.71115,-28.30073 c 11.40802,-5.62062 18.86534,-15.79233 20.9934,-28.63477 2.65939,-16.04889 -5.97481,-32.41121 -21.00414,-39.80409 -6.25999,-3.07926 -7.31451,-3.28006 -17.18482,-3.27218 -9.83377,0.008 -10.90568,0.21185 -16.53184,3.1464 -7.40561,3.86268 -14.75356,11.54554 -18.29338,19.12714 -2.30437,4.93552 -2.66974,7.01821 -2.66974,15.21807 0,8.19986 0.36537,10.28255 2.66974,15.21807 3.18711,6.82617 10.73101,15.19101 16.23034,17.99656 8.00498,4.08384 10.93351,4.74094 20.10562,4.51133 7.92635,-0.19842 9.83777,-0.62575 15.68482,-3.50653 z M 330.0357,356.93479 c -7.25396,-3.15838 -9.97702,-13.05203 -5.24729,-19.06491 4.54646,-5.77989 -1.81872,-5.51368 131.83213,-5.51368 133.6508,0 127.2856,-0.26621 131.8321,5.51368 2.9796,3.78799 2.9796,11.18465 0,14.97264 -4.5485,5.7825 1.8543,5.51705 -132.05,5.47454 -100.92113,-0.032 -123.84166,-0.28276 -126.36694,-1.38227 z M 191.27688,253.83233 c -7.88174,-1.9858 -19.99866,-8.42868 -26.41919,-14.04777 -18.91683,-16.55551 -26.35888,-43.73861 -18.5971,-67.92838 5.91806,-18.44379 22.41611,-34.94184 40.8599,-40.8599 24.18977,-7.76178 51.37287,-0.31973 67.92838,18.5971 5.97523,6.82747 12.12158,18.71913 14.15539,27.38714 2.36936,10.09816 1.5248,26.64286 -1.81816,35.61721 -7.09391,19.04399 -20.44763,32.40088 -39.52406,39.53345 -8.52652,3.18803 -27.2316,4.05778 -36.58516,1.70115 z m 24.88351,-25.02814 c 19.4812,-5.07287 32.07929,-24.1094 28.56768,-43.16758 -2.39434,-12.9946 -9.97803,-22.98511 -21.56295,-28.40635 -21.2586,-9.94809 -45.68007,0.94538 -52.68073,23.49883 -6.46043,20.81303 6.2028,42.90719 27.6361,48.21808 6.87993,1.70475 11.0717,1.67153 18.0399,-0.14298 z m 112.33292,-26.13172 c -5.55228,-3.44587 -7.51107,-11.24754 -4.35587,-17.34902 3.27668,-6.3364 -4.91868,-5.96727 132.4831,-5.96727 137.4017,0 129.2064,-0.36913 132.4831,5.96727 3.1979,6.18405 1.1546,14.04338 -4.5229,17.39719 -2.5241,1.49102 -13.8447,1.63319 -128.1145,1.60893 -114.10717,-0.0242 -125.58129,-0.1728 -127.97293,-1.6571 z"
+       id="path4488"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>

static/Vvvebjs/libs/builder/icons/rating.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48mm" height="48mm" viewBox="0 0 48 48">
+    <path style="fill:none;fill-opacity:1;stroke:#000009;stroke-width:1.04241371;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m12.004 279.169-4.046-2.561-4.115 2.45 1.185-4.64-3.6-3.156 4.778-.307 1.889-4.4 1.768 4.45 4.768.437-3.686 3.057zM27.967 279.323l-4.046-2.56-4.114 2.449 1.185-4.64-3.601-3.156 4.779-.306 1.889-4.4 1.768 4.45 4.768.436-3.686 3.057zM43.947 279.478l-4.046-2.561-4.114 2.45 1.185-4.64-3.601-3.156 4.779-.306 1.889-4.4 1.768 4.45 4.768.436-3.686 3.057z" transform="translate(0 -249)"/>
+</svg>