Merge branch 'bzr/golem' of /Users/distler/Sites/code/instiki

public/svg-edit/editor/canvg/canvg.js

@@ -159,6 +159,18 @@ if(!window.console) {
 				getDefinition: function() {
 					var name = that.value.replace(/^(url\()?#([^\)]+)\)?$/, '$2');
 					return svg.Definitions[name];
+				},
+				
+				isUrl: function() {
+					return that.value.indexOf('url(') == 0
+				},
+				
+				getGradient: function(e) {
+					var grad = this.getDefinition();
+					if (grad != null && grad.createGradient) {
+						return grad.createGradient(svg.ctx, e);
+					}
+					return null;
 				}
 			}
 			
@@ -171,7 +183,7 @@ if(!window.console) {
 				EM: function(viewPort) {
 					var em = 12;
 					
-					var fontSize = new svg.Property('fontSize', svg.ctx.font.match(/[0-9][^\s\t\n\r\/]*/g)[0]);
+					var fontSize = new svg.Property('fontSize', svg.Font.Parse(svg.ctx.font).fontSize);
 					if (fontSize.hasValue()) em = fontSize.Length.toPixels(viewPort);
 					
 					return em;
@@ -220,6 +232,41 @@ if(!window.console) {
 			}
 		}
 		
+		// fonts
+		svg.Font = new (function() {
+			this.Styles = ['normal','italic','oblique','inherit'];
+			this.Variants = ['normal','small-caps','inherit'];
+			this.Weights = ['normal','bold','bolder','lighter','100','200','300','400','500','600','700','800','900','inherit'];
+			
+			this.CreateFont = function(fontStyle, fontVariant, fontWeight, fontSize, fontFamily, inherit) { 
+				var f = inherit != null ? this.Parse(inherit) : this.CreateFont('', '', '', '', '', svg.ctx.font);
+				return { 
+					fontFamily: fontFamily || f.fontFamily, 
+					fontSize: fontSize || f.fontSize, 
+					fontStyle: fontStyle || f.fontStyle, 
+					fontWeight: fontWeight || f.fontWeight, 
+					fontVariant: fontVariant || f.fontVariant,
+					toString: function () { return [this.fontStyle, this.fontVariant, this.fontWeight, this.fontSize, this.fontFamily].join(' ') } 
+				} 
+			}
+			
+			var that = this;
+			this.Parse = function(s) {
+				var f = {};
+				var d = svg.trim(svg.compressSpaces(s || '')).split(' ');
+				var set = { fontSize: false, fontStyle: false, fontWeight: false, fontVariant: false }
+				var ff = '';
+				for (var i=0; i<d.length; i++) {
+					if (!set.fontStyle && that.Styles.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontStyle = d[i]; set.fontStyle = true; }
+					else if (!set.fontVariant && that.Variants.indexOf(d[i]) != -1) { if (d[i] != 'inherit') f.fontVariant = d[i]; set.fontStyle = set.fontVariant = true;	}
+					else if (!set.fontWeight && that.Weights.indexOf(d[i]) != -1) {	if (d[i] != 'inherit') f.fontWeight = d[i]; set.fontStyle = set.fontVariant = set.fontWeight = true; }
+					else if (!set.fontSize) { if (d[i] != 'inherit') f.fontSize = d[i].split('/')[0]; set.fontStyle = set.fontVariant = set.fontWeight = set.fontSize = true; }
+					else { if (d[i] != 'inherit') ff += d[i]; }
+				} if (ff != '') f.fontFamily = ff;
+				return f;
+			}
+		});
+		
 		// points and paths
 		svg.ToNumberArray = function(s) {
 			var a = svg.trim(svg.compressSpaces((s || '').replace(/,/g, ' '))).split(' ');
@@ -532,22 +579,22 @@ if(!window.console) {
 			
 			this.setContext = function(ctx) {
 				// fill
-				if (this.style('fill').value.indexOf('url(') == 0) {
+				if (this.style('fill').Definition.isUrl()) {
-					var grad = this.style('fill').Definition.getDefinition();
+					var grad = this.style('fill').Definition.getGradient(this);
-					if (grad != null && grad.createGradient) {
+					if (grad != null) ctx.fillStyle = grad;
-						ctx.fillStyle = grad.createGradient(ctx, this);
 				}
-				}
+				else if (this.style('fill').hasValue()) {
-				else {
-					if (this.style('fill').hasValue()) {
 					var fillStyle = this.style('fill');
 					if (this.style('fill-opacity').hasValue()) fillStyle = fillStyle.Color.addOpacity(this.style('fill-opacity').value);
 					ctx.fillStyle = (fillStyle.value == 'none' ? 'rgba(0,0,0,0)' : fillStyle.value);
 				}
-				}
 									
 				// stroke
-				if (this.style('stroke').hasValue()) {
+				if (this.style('stroke').Definition.isUrl()) {
+					var grad = this.style('stroke').Definition.getGradient(this);
+					if (grad != null) ctx.strokeStyle = grad;
+				}
+				else if (this.style('stroke').hasValue()) {
 					var strokeStyle = this.style('stroke');
 					if (this.style('stroke-opacity').hasValue()) strokeStyle = strokeStyle.Color.addOpacity(this.style('stroke-opacity').value);
 					ctx.strokeStyle = (strokeStyle.value == 'none' ? 'rgba(0,0,0,0)' : strokeStyle.value);
@@ -558,10 +605,13 @@ if(!window.console) {
 				if (this.style('stroke-miterlimit').hasValue()) ctx.miterLimit = this.style('stroke-miterlimit').value;
 
 				// font
-				if (this.style('font-size').hasValue()) {
+				if (typeof(ctx.font) != 'undefined') {
-					var fontFamily = this.style('font-family').valueOrDefault('Arial');
+					ctx.font = svg.Font.CreateFont( 
-					var fontSize = this.style('font-size').numValueOrDefault('12') + 'px';
+						this.style('font-style').value, 
-					ctx.font = fontSize + ' ' + fontFamily;
+						this.style('font-variant').value, 
+						this.style('font-weight').value, 
+						this.style('font-size').hasValue() ? this.style('font-size').Length.toPixels() + 'px' : '', 
+						this.style('font-family').value).toString();
 				}
 				
 				// transform
@@ -597,11 +647,28 @@ if(!window.console) {
 				this.path(ctx);
 				if (ctx.fillStyle != '') ctx.fill();
 				if (ctx.strokeStyle != '') ctx.stroke();
+
+				if (this.attribute('marker-end').Definition.isUrl()) {
+					var marker = this.attribute('marker-end').Definition.getDefinition();
+					var endPoint = this.getEndPoint();
+					var endAngle = this.getEndAngle();
+					if (endPoint != null && endAngle != null) {
+						marker.render(ctx, endPoint, endAngle);
+					}
+				}						
 			}
 			
 			this.getBoundingBox = function() {
 				return this.path();
 			}
+			
+			this.getEndPoint = function() {
+				return null;
+			}
+			
+			this.getEndAngle = function() {
+				return null;
+			}
 		}
 		svg.Element.PathElementBase.prototype = new svg.Element.RenderedElementBase;
 		
@@ -630,11 +697,19 @@ if(!window.console) {
 				if (this.attribute('width').hasValue() && this.attribute('height').hasValue()) {
 					width = this.attribute('width').Length.toPixels('x');
 					height = this.attribute('height').Length.toPixels('y');
+					
+					var x = 0;
+					var y = 0;
+					if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+						x = -this.attribute('refX').Length.toPixels('x');
+						y = -this.attribute('refY').Length.toPixels('y');
+					}
+					
 					ctx.beginPath();
-					ctx.moveTo(0, 0);
+					ctx.moveTo(x, y);
-					ctx.lineTo(width, 0);
+					ctx.lineTo(width, y);
 					ctx.lineTo(width, height);
-					ctx.lineTo(0, height);
+					ctx.lineTo(x, height);
 					ctx.closePath();
 					ctx.clip();
 				}
@@ -662,11 +737,16 @@ if(!window.console) {
 					if (meetOrSlice == 'meet') { width *= scaleMin; height *= scaleMin; }
 					if (meetOrSlice == 'slice') { width *= scaleMax; height *= scaleMax; }	
 					
+					if (this.attribute('refX').hasValue() && this.attribute('refY').hasValue()) {
+						ctx.translate(-scaleMin * this.attribute('refX').Length.toPixels('x'), -scaleMin * this.attribute('refY').Length.toPixels('y'));
+					} 
+					else {					
 						// align
 						if (align.match(/^xMid/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(svg.ViewPort.width() / 2.0 - width / 2.0, 0); 
 						if (align.match(/YMid$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, svg.ViewPort.height() / 2.0 - height / 2.0); 
 						if (align.match(/^xMax/) && ((meetOrSlice == 'meet' && scaleMin == scaleY) || (meetOrSlice == 'slice' && scaleMax == scaleY))) ctx.translate(svg.ViewPort.width() - width, 0); 
 						if (align.match(/YMax$/) && ((meetOrSlice == 'meet' && scaleMin == scaleX) || (meetOrSlice == 'slice' && scaleMax == scaleX))) ctx.translate(0, svg.ViewPort.height() - height); 
+					}
 					
 					// scale
 					if (meetOrSlice == 'meet') ctx.scale(scaleMin, scaleMin); 
@@ -678,7 +758,6 @@ if(!window.console) {
 				}				
 				
 				// initial values
-				ctx.fillStyle = '#000000';
 				ctx.strokeStyle = 'rgba(0,0,0,0)';
 				ctx.lineCap = 'butt';
 				ctx.lineJoin = 'miter';
@@ -788,6 +867,20 @@ if(!window.console) {
 				
 				return new svg.BoundingBox(x1, y1, x2, y2);
 			}
+			
+			this.getEndPoint = function() {
+				var x2 = this.attribute('x2').Length.toPixels('x');
+				var y2 = this.attribute('y2').Length.toPixels('y');			
+				return new svg.Point(x2, y2);
+			}
+			
+			this.getEndAngle = function() {
+				var x1 = this.attribute('x1').Length.toPixels('x');
+				var y1 = this.attribute('y1').Length.toPixels('y');
+				var x2 = this.attribute('x2').Length.toPixels('x');
+				var y2 = this.attribute('y2').Length.toPixels('y');
+				return Math.atan((y2-y1)/(x2-x1));
+			}
 		}
 		svg.Element.line.prototype = new svg.Element.PathElementBase;		
 				
@@ -843,6 +936,7 @@ if(!window.console) {
 			d = d.replace(/([^\s])([A-Za-z])/gm,'$1 $2'); // separate commands from points
 			d = d.replace(/([0-9])([+\-])/gm,'$1 $2'); // separate digits when no comma
 			d = d.replace(/(\.[0-9]*)(\.)/gm,'$1 $2'); // separate digits when no comma
+			d = d.replace(/([Aa](\s+[0-9]+){3})\s+([01])\s*([01])/gm,'$1 $3 $4 '); // shorthand elliptical arc path syntax
 			d = svg.compressSpaces(d); // compress multiple spaces
 			d = svg.trim(d);
 			this.PathParser = new (function(d) {
@@ -852,9 +946,19 @@ if(!window.console) {
 					this.i = -1;
 					this.command = '';
 					this.control = new svg.Point(0, 0);
+					this.last = new svg.Point(0, 0);
 					this.current = new svg.Point(0, 0);
 				}
 				
+				this.angle = function() {
+					return Math.atan((this.current.y - this.last.y) / (this.current.x - this.last.x));
+				}
+				
+				this.setCurrent = function(p) {
+					this.last = this.current;
+					this.current = p;
+				}
+				
 				this.isEnd = function() {
 					return this.i == this.tokens.length - 1;
 				}
@@ -894,7 +998,7 @@ if(!window.console) {
 				
 				this.getAsCurrentPoint = function() {
 					var p = this.getPoint();
-					this.current = p;
+					this.setCurrent(p);
 					return p;	
 				}
 				
@@ -940,6 +1044,7 @@ if(!window.console) {
 					else if (pp.command.toUpperCase() == 'H') {
 						while (!pp.isCommandOrEnd()) {
 							pp.current.x = (pp.isRelativeCommand() ? pp.current.x : 0) + pp.getScalar();
+							pp.setCurrent(pp.current);
 							bb.addPoint(pp.current.x, pp.current.y);
 							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
 						}
@@ -947,6 +1052,7 @@ if(!window.console) {
 					else if (pp.command.toUpperCase() == 'V') {
 						while (!pp.isCommandOrEnd()) {
 							pp.current.y = (pp.isRelativeCommand() ? pp.current.y : 0) + pp.getScalar();
+							pp.setCurrent(pp.current);
 							bb.addPoint(pp.current.x, pp.current.y);
 							if (ctx != null) ctx.lineTo(pp.current.x, pp.current.y);
 						}
@@ -1053,13 +1159,56 @@ if(!window.console) {
 							
 				return bb;
 			}
+			
+			this.getEndPoint = function() {
+				return this.PathParser.current;
+			}
+			
+			this.getEndAngle = function() {
+				return this.PathParser.angle();
+			}
 		}
 		svg.Element.path.prototype = new svg.Element.PathElementBase;
 		
+		svg.Element.marker = function(node) {
+			this.base = svg.Element.ElementBase;
+			this.base(node);
+			
+			this.baseRender = this.render;
+			this.render = function(ctx, endPoint, endAngle) {
+				ctx.translate(endPoint.x, endPoint.y);
+				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(endAngle);
+				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(ctx.lineWidth, ctx.lineWidth);
+				ctx.save();
+							
+				// render me using a temporary svg element
+				var tempSvg = new svg.Element.svg();
+				tempSvg.attributes['viewBox'] = new svg.Property('viewBox', this.attribute('viewBox').value);
+				tempSvg.attributes['refX'] = new svg.Property('refX', this.attribute('refX').value);
+				tempSvg.attributes['refY'] = new svg.Property('refY', this.attribute('refY').value);
+				tempSvg.attributes['width'] = new svg.Property('width', this.attribute('markerWidth').value);
+				tempSvg.attributes['height'] = new svg.Property('height', this.attribute('markerHeight').value);
+				tempSvg.attributes['fill'] = new svg.Property('fill', this.attribute('fill').valueOrDefault('black'));
+				tempSvg.attributes['stroke'] = new svg.Property('stroke', this.attribute('stroke').valueOrDefault('none'));
+				tempSvg.children = this.children;
+				tempSvg.render(ctx);
+				
+				ctx.restore();
+				if (this.attribute('markerUnits').valueOrDefault('strokeWidth') == 'strokeWidth') ctx.scale(1/ctx.lineWidth, 1/ctx.lineWidth);
+				if (this.attribute('orient').valueOrDefault('auto') == 'auto') ctx.rotate(-endAngle);
+				ctx.translate(-endPoint.x, -endPoint.y);
+			}
+		}
+		svg.Element.marker.prototype = new svg.Element.ElementBase;
+		
 		// definitions element
 		svg.Element.defs = function(node) {
 			this.base = svg.Element.ElementBase;
 			this.base(node);			
+			
+			this.render = function(ctx) {
+				// NOOP
+			}
 		}
 		svg.Element.defs.prototype = new svg.Element.ElementBase;
 		
@@ -1275,7 +1424,7 @@ if(!window.console) {
 		
 		// text element
 		svg.Element.text = function(node) {
-			this.base = svg.Element.ElementBase;
+			this.base = svg.Element.RenderedElementBase;
 			this.base(node);
 			
 			// accumulate all the child text nodes, then trim them
@@ -1287,13 +1436,23 @@ if(!window.console) {
 			}
 			this.text = svg.trim(this.text);
 			
-			this.render = function(ctx) {
+			this.baseSetContext = this.setContext;
+			this.setContext = function(ctx) {
+				this.baseSetContext(ctx);
+				if (this.attribute('text-anchor').hasValue()) {
+					var textAnchor = this.attribute('text-anchor').value;
+					ctx.textAlign = textAnchor == 'middle' ? 'center' : textAnchor;
+				}
+				if (this.attribute('alignment-baseline').hasValue()) ctx.textBaseline = this.attribute('alignment-baseline').value;
+			}
+			
+			this.renderChildren = function(ctx) {
 				var x = this.attribute('x').Length.toPixels('x');
 				var y = this.attribute('y').Length.toPixels('y');
 				if (ctx.fillText) ctx.fillText(this.text, x, y);
 			}
 		}
-		svg.Element.text.prototype = new svg.Element.ElementBase;
+		svg.Element.text.prototype = new svg.Element.RenderedElementBase;
 		
 		// group element
 		svg.Element.g = function(node) {

public/svg-edit/editor/extensions/ext-arrows.js

@@ -250,6 +250,8 @@ svgEditor.addExtension("Arrows", function(S) {
 			}],
 			callback: function() {
 				$('#arrow_panel').hide();
+				// Set ID so it can be translated in locale file
+				$('#arrow_list option')[0].id = 'connector_no_arrow';
 			},
 			addLangData: function(lang) {
 				return {

public/svg-edit/editor/images/svg_edit_icons.svg

@@ -18,7 +18,6 @@
   </linearGradient>
  </defs>
  <g>
-  <title>Layer 1</title>
   <path d="m68.82031,270.04688l-22,-33l17,-35l34,2l25,15l7,-35l28,-16l25,12l100,102l21,23l-15,35l-36,9l20,49l-31,24l-49,-17l-1,31l-33,21l-31,-19l-13,-35l-30,21l-30,-9l-5,-35l16,-31l-32,-6l-15,-19l3,-36l47,-18z" id="svg_19" fill="#ffffff"/>
   <path fill="#1a171a" fill-rule="nonzero" id="path2902" d="m158.96452,155.03685c-25.02071,0 -45.37077,20.35121 -45.37077,45.3775c0,0.72217 0.01794,1.4399 0.0471,2.15645c-0.49339,-0.53604 -0.99355,-1.06085 -1.50603,-1.58452c-8.56077,-8.55519 -19.95982,-13.28413 -32.07432,-13.28413c-12.12122,0 -23.52027,4.72334 -32.08778,13.29646c-17.69347,17.69464 -17.69347,46.4619 0,64.17445c0.51809,0.51697 1.0485,1.0126 1.59015,1.50601c-0.72891,-0.03586 -1.45782,-0.04822 -2.19234,-0.04822c-25.02071,0 -45.37189,20.35117 -45.37189,45.37747c0,25.01398 20.35119,45.36517 45.37189,45.36517c0.72891,0 1.45221,-0.01236 2.1744,-0.04828c-0.5293,0.48221 -1.05412,0.98801 -1.56547,1.49368c-17.70021,17.68906 -17.70021,46.48654 -0.00628,64.18677c8.57872,8.56747 19.96655,13.2785 32.08778,13.2785c12.1145,0 23.5012,-4.71103 32.07433,-13.2785c0.51247,-0.51694 1.01823,-1.04849 1.50603,-1.57895c-0.02915,0.71213 -0.04709,1.44669 -0.04709,2.15759c0,25.01511 20.35007,45.37747 45.37077,45.37747c25.01398,0 45.37079,-20.3624 45.37079,-45.37747c0,-0.7222 -0.01689,-1.44553 -0.05266,-2.18112c0.48105,0.52933 0.97562,1.04849 1.48697,1.56662c8.57982,8.57977 19.97775,13.2908 32.1057,13.2908c12.11003,0 23.51358,-4.71103 32.0687,-13.2785c17.68906,-17.70013 17.68906,-46.48538 0,-64.17441c-0.50577,-0.4946 -1.01141,-1.00034 -1.54306,-1.48248c0.69983,0.03592 1.42316,0.04828 2.16992,0.04828c25.01514,0 45.35284,-20.35123 45.35284,-45.36517c0,-25.02631 -20.33774,-45.37747 -45.35284,-45.37747c-0.74683,0 -1.47009,0.01236 -2.19345,0.04822c0.53152,-0.49341 1.06082,-0.98904 1.59128,-1.50601c8.55521,-8.55521 13.2785,-19.94186 13.2785,-32.07545c0,-12.12793 -4.72336,-23.52028 -13.30319,-32.0934c-8.55515,-8.56076 -19.95866,-13.2841 -32.0687,-13.2841c-12.12122,0 -23.52025,4.72334 -32.08777,13.2841c-0.51137,0.5181 -1.01822,1.04851 -1.5049,1.57895c0.03586,-0.72331 0.05266,-1.43991 0.05266,-2.16881c0,-25.02629 -20.35681,-45.3775 -45.37079,-45.3775m0,20.71901c13.61607,0 24.65851,11.03122 24.65851,24.65849c0,6.62749 -2.651,12.62137 -6.9101,17.04979l0,51.67419l36.53975,-36.53523c0.12001,-6.14418 2.48277,-12.24686 7.18146,-16.94667c4.81305,-4.81305 11.12094,-7.22409 17.44116,-7.22409c6.30228,0 12.61577,2.41104 17.43552,7.22409c9.62166,9.63287 9.62166,25.24948 0,34.87669c-4.69977,4.68634 -10.80803,7.04915 -16.95334,7.18147l-36.5341,36.53305l51.66742,0c4.42841,-4.25351 10.42905,-6.90451 17.08008,-6.90451c13.59137,0 24.62933,11.03799 24.62933,24.66525c0,13.61606 -11.03796,24.66519 -24.62933,24.66519c-6.65106,0 -12.65167,-2.66333 -17.08008,-6.91681l-51.64836,0l36.50273,36.50946c6.16995,0.14465 12.26587,2.50522 16.96568,7.20618c9.6216,9.61487 9.6216,25.23151 0,34.85757c-4.80856,4.81979 -11.13327,7.22974 -17.43556,7.22974c-6.32019,0 -12.63371,-2.40991 -17.44786,-7.22974c-4.68074,-4.68744 -7.04802,-10.79572 -7.17473,-16.94098l-36.53975,-36.53415l0,51.66742c4.25908,4.44635 6.9101,10.43466 6.9101,17.0621c0,13.62729 -11.04243,24.66415 -24.65851,24.66415c-13.62166,0 -24.65848,-11.0369 -24.65848,-24.66415c0,-6.62744 2.64539,-12.61575 6.90335,-17.0621l0,-51.66742l-36.53864,36.54648c-0.12672,6.14413 -2.48838,12.26477 -7.18147,16.94098c-4.81416,4.81873 -11.12206,7.22974 -17.42882,7.22974c-6.31461,0 -12.6225,-2.41101 -17.43555,-7.22974c-9.63284,-9.62833 -9.63284,-25.24277 0,-34.8699c4.68073,-4.67627 10.79012,-7.05026 16.94101,-7.18262l36.533,-36.53302l-51.66632,0c-4.44075,4.25348 -10.42902,6.91681 -17.06211,6.91681c-13.61606,0 -24.65288,-11.04913 -24.65288,-24.66519c0,-13.62726 11.03682,-24.66525 24.65288,-24.66525c6.63309,0 12.62136,2.651 17.06211,6.90451l51.68537,0l-36.55208,-36.54538c-6.14527,-0.12 -12.25354,-2.49403 -16.94775,-7.19377c-9.62611,-9.61493 -9.62611,-25.23715 0,-34.86441c4.81419,-4.81305 11.12769,-7.22406 17.44228,-7.22406c6.30676,0 12.61465,2.41101 17.42883,7.22406c4.69978,4.69307 7.06034,10.80246 7.18144,16.94777l36.5386,36.53299l0,-51.66074c-4.25795,-4.42841 -6.90334,-10.42229 -6.90334,-17.04979c0,-13.62726 11.03682,-24.65848 24.65848,-24.65848"/>
   <path d="m188.82031,210.04688l16,-47l155,-148l107,100l-158,156.99999l-44,12l-76,-74z" id="svg_6" fill="url(#svg_10)" stroke="#ffffff" stroke-width="0"/>
@@ -220,7 +219,6 @@
 <g id="close_path">
 <svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <g>
-  <title>Layer 1</title>
   <path stroke="#000" stroke-width="15" fill="#ffc8c8" d="m121.5,40l-84,106l27,115l166,2l29,-111"/>
   <line x1="240" y1="136" x2="169.5" y2="74" stroke="#A00" stroke-width="25" fill="none"/>
   <path stroke="none" fill ="#A00" d="m158,65l31,74l-3,-50l51,-3z"/>
@@ -238,7 +236,6 @@
 <g id="open_path">
 <svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <g>
-  <title>Layer 1</title>
   <path stroke="#000" stroke-width="15" fill="#ffc8c8" d="m123.5,38l-84,106l27,115l166,2l29,-111"/>
   <line x1="276.5" y1="153" x2="108.5" y2="24" stroke="#000" stroke-width="10" fill="none"/>
   <g stroke-width="15" stroke="#00f" fill="#0ff">
@@ -312,6 +309,37 @@
 	</svg>
 </g>
 
+<g id="fill">
+<svg width="32" height="33" xmlns="http://www.w3.org/2000/svg">
+  <g id="svg_5">
+   <path id="svg_4" d="m17.49167,10.97621c6.9875,-0.325 12.1875,2.70833 12.13333,7.36667l-0.325,10.075c-0.75833,4.0625 -2.275,3.0875 -3.03333,0.10833l0.21667,-9.64166c-0.43333,-0.975 -1.08333,-1.625 -1.95,-1.51667" stroke-linejoin="round" stroke="#606060" fill="#c0c0c0"/>
+   <path id="svg_1" d="m2.00055,17.1309l10.72445,-10.72445l12.67445,12.13279l-3.52056,0.05389l-9.15389,9.26223l-10.72445,-10.72445z" stroke-linejoin="round" stroke="#000000" fill="#c0c0c0"/>
+   <path id="svg_3" d="m14.35,13.57621c-0.1625,-3.95417 0.86667,-11.7 -1.84167,-11.59167c-2.70833,0.10833 -2.6,2.05833 -2.16667,6.93333" stroke-linejoin="round" stroke="#000000" fill="none"/>
+   <circle id="svg_2" r="1.60938" cy="15.20121" cx="14.45833" stroke-linejoin="round" stroke="#000000" fill="none"/>
+  </g>
+</svg>
+</g>
+
+<g id="stroke">
+<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
+  <rect fill="none" stroke="#707070" stroke-width="10" x="8.625" y="8.625" width="32.75" height="32.75" id="svg_1"/>
+</svg>
+</g>
+
+<g id="opacity">
+<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <linearGradient y2="0.1" x2="0.9" y1="0.9" x1="0.1" id="svg_7">
+   <stop stop-color="#000000" offset="0"/>
+   <stop stop-opacity="0" stop-color="#000000" offset="1"/>
+  </linearGradient>
+ </defs>
+  <rect id="svg_4" height="50" width="50" y="0" x="0" fill="#ffffff"/>
+  <rect id="svg_1" height="25" width="25" y="0" x="0" fill="#a0a0a0"/>
+  <rect id="svg_2" height="25" width="25" y="25" x="25" fill="#a0a0a0"/>
+  <rect id="svg_3" height="50" width="50" y="0" x="0" stroke-width="2" stroke="url(#svg_7)" fill="url(#svg_7)"/>
+ </svg>
+</g>
 
 <g id="new_image">
 <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -359,7 +387,6 @@
 	  <path fill="#ffcc00" stroke-width="0.5" d="m9.67673,20.24302l7.38701,-6.80778l2.91746,6.71323" id="svg_4"/>
 	  <rect fill="#ff5555" stroke-width="0.5" x="9.5385" y="2.94914" width="5.74652" height="5.74652" id="svg_2"/>
 	  <path d="m6.13727,17.94236l5.77328,-4.91041l-5.86949,-5.1832l-0.09622,2.36426l-4.64805,-0.06751l-0.04665,5.54694l4.79093,-0.02342l0.09623,2.27334z" id="svg_45" fill="url(#svg_5)" stroke="#285582"/>
-	  <title>Layer 1</title>
 	 </g>
 	</svg>
 </g>
@@ -657,6 +684,32 @@
 </svg>
 </g>
 
+<g id="angle">
+<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
+  <path stroke-width="2" stroke-dasharray="1,3" id="svg_6" d="m32.78778,41.03469c-0.40379,-8.68145 -4.50873,-16.79003 -12.11365,-20.5932" stroke="#000000" fill="none"/>
+  <path id="svg_7" d="m29.20348,7.67055l-24.20348,34.47921l41.16472,0" stroke-width="3" stroke="#404040" fill="none"/>
+</svg>
+</g>
+
+<g id="blur">
+<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
+ <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <defs>
+  <filter id="svg_4_blur" x="-50%" y="-50%" width="200%" height="200%">
+   <feGaussianBlur stdDeviation="25"/>
+  </filter>
+ </defs>
+  <circle fill="#000000" stroke="#000000" stroke-width="5" stroke-dasharray="null" cx="150" cy="150" r="91.80151" id="svg_4" filter="url(#svg_4_blur)"/>
+</svg>
+</g>
+
+<g id="fontsize">
+<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg" xmlns:xml="http://www.w3.org/XML/1998/namespace">
+  <text fill="#606060" stroke="#AAAAAA" stroke-width="0" x="14.451" y="41.4587" id="svg_2" font-size="26" font-family="serif" text-anchor="middle" xml:space="preserve">T</text>
+  <text fill="#000000" stroke="#AAAAAA" stroke-width="0" x="28.853" y="41.8685" font-size="52" font-family="serif" text-anchor="middle" xml:space="preserve" id="svg_3">T</text>
+</svg>
+</g>
+
 <g id="align">
 	<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg">
 	  <rect stroke="#606060" fill="#c0c0c0" id="svg_4" height="7" width="12" y="7.5" x="4.5"/>

public/svg-edit/editor/jgraduate/jquery.jgraduate.js

@@ -406,7 +406,7 @@ jQuery.fn.jGraduate =
 					$this.paint.solidColor = null;
 					okClicked();
 				});
-				$('#'+id+'_lg_jGraduate_Ok').bind('click', function(paint) {
+				$('#'+id+'_lg_jGraduate_Cancel').bind('click', function(paint) {
 					cancelClicked();
 				});
 				

public/svg-edit/editor/locale/lang.af.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Align in verhouding tot ..."},
-{"id": "angle", "title": "Verandering rotasie-hoek"},
+{"id": "tool_angle", "title": "Verandering rotasie-hoek"},
 {"id": "angleLabel", "textContent": "hoek:"},
 {"id": "bkgnd_color", "title": "Verander agtergrondkleur / opaciteit"},
 {"id": "circle_cx", "title": "Verandering sirkel se cx koördineer"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Passing tot laag inhoud"},
 {"id": "fit_to_sel", "textContent": "Passing tot seleksie"},
 {"id": "font_family", "title": "Lettertipe verander Familie"},
-{"id": "font_size", "title": "Verandering Lettertipe Grootte"},
+{"id": "tool_font_size", "title": "Verandering Lettertipe Grootte"},
-{"id": "group_opacity", "title": "Verander geselekteerde item opaciteit"},
+{"id": "tool_opacity", "title": "Verander geselekteerde item opaciteit"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klik om te verander vul kleur, verskuiwing klik om 'n beroerte kleur verander"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Verandering reghoek hoogte"},
+{"id": "rect_height_tool", "title": "Verandering reghoek hoogte"},
-{"id": "rect_rx", "title": "Verandering Rechthoek Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Verandering Rechthoek Corner Radius"},
-{"id": "rect_width", "title": "Verandering reghoek breedte"},
+{"id": "rect_width_tool", "title": "Verandering reghoek breedte"},
 {"id": "relativeToLabel", "textContent": "relatief tot:"},
 {"id": "rheightLabel", "textContent": "hoogte:"},
 {"id": "rwidthLabel", "textContent": "breedte:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elemente"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Klik op die Gereedskap"},
-{"id": "zoom", "title": "Change zoom vlak"},
+{"id": "zoom_panel", "title": "Change zoom vlak"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.ar.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "محاذاة النسبي ل ..."},
-{"id": "angle", "title": "تغيير زاوية الدوران"},
+{"id": "tool_angle", "title": "تغيير زاوية الدوران"},
 {"id": "angleLabel", "textContent": "زاوية:"},
 {"id": "bkgnd_color", "title": "تغير لون الخلفية / غموض"},
 {"id": "circle_cx", "title": "دائرة التغيير لتنسيق cx"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "يصلح لطبقة المحتوى"},
 {"id": "fit_to_sel", "textContent": "يصلح لاختيار"},
 {"id": "font_family", "title": "تغيير الخط الأسرة"},
-{"id": "font_size", "title": "تغيير حجم الخط"},
+{"id": "tool_font_size", "title": "تغيير حجم الخط"},
-{"id": "group_opacity", "title": "تغيير مختارة غموض البند"},
+{"id": "tool_opacity", "title": "تغيير مختارة غموض البند"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "انقر لتغيير لون التعبئة ، تحولا مزدوجا فوق لتغيير لون السكتة الدماغية"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "تغيير المستطيل الارتفاع"},
+{"id": "rect_height_tool", "title": "تغيير المستطيل الارتفاع"},
-{"id": "rect_rx", "title": "تغيير مستطيل ركن الشعاع"},
+{"id": "cornerRadiusLabel", "title": "تغيير مستطيل ركن الشعاع"},
-{"id": "rect_width", "title": "تغيير عرض المستطيل"},
+{"id": "rect_width_tool", "title": "تغيير عرض المستطيل"},
 {"id": "relativeToLabel", "textContent": "بالنسبة إلى:"},
 {"id": "rheightLabel", "textContent": "الطول :"},
 {"id": "rwidthLabel", "textContent": "العرض :"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "فك تجميع عناصر"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "أداة تكبير"},
-{"id": "zoom", "title": "تغيير مستوى التكبير"},
+{"id": "zoom_panel", "title": "تغيير مستوى التكبير"},
 {"id": "zoomLabel", "textContent": "التكبير:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.az.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Align relative to ..."},
-{"id": "angle", "title": "Change rotation angle"},
+{"id": "tool_angle", "title": "Change rotation angle"},
 {"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Change background color/opacity"},
 {"id": "circle_cx", "title": "Change circle's cx coordinate"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Fit to layer content"},
 {"id": "fit_to_sel", "textContent": "Fit to selection"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "font_size", "title": "Change Font Size"},
+{"id": "tool_font_size", "title": "Change Font Size"},
-{"id": "group_opacity", "title": "Change selected item opacity"},
+{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Click to change fill color, shift-click to change stroke color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Change rectangle height"},
+{"id": "rect_height_tool", "title": "Change rectangle height"},
-{"id": "rect_rx", "title": "Change Rectangle Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
-{"id": "rect_width", "title": "Change rectangle width"},
+{"id": "rect_width_tool", "title": "Change rectangle width"},
 {"id": "relativeToLabel", "textContent": "relative to:"},
 {"id": "rheightLabel", "textContent": "height:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Change zoom level"},
+{"id": "zoom_panel", "title": "Change zoom level"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.be.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Выраўнаваць па дачыненні да ..."},
-{"id": "angle", "title": "Змены вугла павароту"},
+{"id": "tool_angle", "title": "Змены вугла павароту"},
 {"id": "angleLabel", "textContent": "Кут:"},
 {"id": "bkgnd_color", "title": "Змяненне колеру фону / непразрыстасць"},
 {"id": "circle_cx", "title": "CX змене круга каардынаты"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "По размеру слой ўтрымання"},
 {"id": "fit_to_sel", "textContent": "Выбар памеру"},
 {"id": "font_family", "title": "Змены Сямейства шрыфтоў"},
-{"id": "font_size", "title": "Змяніць памер шрыфта"},
+{"id": "tool_font_size", "title": "Змяніць памер шрыфта"},
-{"id": "group_opacity", "title": "Старонка абранага пункта непразрыстасці"},
+{"id": "tool_opacity", "title": "Старонка абранага пункта непразрыстасці"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Націсніце для змены колеру залівання, Shift-Click змяніць обводка"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Змены прастакутнік вышынёй"},
+{"id": "rect_height_tool", "title": "Змены прастакутнік вышынёй"},
-{"id": "rect_rx", "title": "Змены прастакутнік Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Змены прастакутнік Corner Radius"},
-{"id": "rect_width", "title": "Змяненне шырыні прамавугольніка"},
+{"id": "rect_width_tool", "title": "Змяненне шырыні прамавугольніка"},
 {"id": "relativeToLabel", "textContent": "па параўнанні з:"},
 {"id": "rheightLabel", "textContent": "Вышыня:"},
 {"id": "rwidthLabel", "textContent": "Шырыня:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Элементы Разгруппировать"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Змяненне маштабу"},
+{"id": "zoom_panel", "title": "Змяненне маштабу"},
 {"id": "zoomLabel", "textContent": "Павялічыць:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.bg.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Привеждане в сравнение с ..."},
-{"id": "angle", "title": "Промяна ъгъл на завъртане"},
+{"id": "tool_angle", "title": "Промяна ъгъл на завъртане"},
 {"id": "angleLabel", "textContent": "ъгъл:"},
 {"id": "bkgnd_color", "title": "Промяна на цвета на фона / непрозрачност"},
 {"id": "circle_cx", "title": "CX Промяна кръг на координатната"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Fit да слой съдържание"},
 {"id": "fit_to_sel", "textContent": "Fit за подбор"},
 {"id": "font_family", "title": "Промяна на шрифта Семейство"},
-{"id": "font_size", "title": "Промени размера на буквите"},
+{"id": "tool_font_size", "title": "Промени размера на буквите"},
-{"id": "group_opacity", "title": "Промяна на избрания елемент непрозрачност"},
+{"id": "tool_opacity", "title": "Промяна на избрания елемент непрозрачност"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Кликнете, за да промени попълнете цвят, на смени, кликнете да променят цвета си удар"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Промяна на правоъгълник височина"},
+{"id": "rect_height_tool", "title": "Промяна на правоъгълник височина"},
-{"id": "rect_rx", "title": "Промяна на правоъгълник Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Промяна на правоъгълник Corner Radius"},
-{"id": "rect_width", "title": "Промяна на правоъгълник ширина"},
+{"id": "rect_width_tool", "title": "Промяна на правоъгълник ширина"},
 {"id": "relativeToLabel", "textContent": "в сравнение с:"},
 {"id": "rheightLabel", "textContent": "височина:"},
 {"id": "rwidthLabel", "textContent": "широчина:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Разгрупирай Елементи"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Промяна на ниво на мащабиране"},
+{"id": "zoom_panel", "title": "Промяна на ниво на мащабиране"},
 {"id": "zoomLabel", "textContent": "увеличение:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.ca.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Alinear pel que fa a ..."},
-{"id": "angle", "title": "Canviar l'angle de rotació"},
+{"id": "tool_angle", "title": "Canviar l'angle de rotació"},
 {"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Color de fons / opacitat"},
 {"id": "circle_cx", "title": "CX cercle Canvi de coordenades"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Ajustar al contingut de la capa d'"},
 {"id": "fit_to_sel", "textContent": "Ajustar a la selecció"},
 {"id": "font_family", "title": "Canviar la font Família"},
-{"id": "font_size", "title": "Change Font Size"},
+{"id": "tool_font_size", "title": "Change Font Size"},
-{"id": "group_opacity", "title": "Canviar la opacitat tema seleccionat"},
+{"id": "tool_opacity", "title": "Canviar la opacitat tema seleccionat"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Feu clic per canviar el color de farciment, shift-clic per canviar el color del traç"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Rectangle d'alçada Canvi"},
+{"id": "rect_height_tool", "title": "Rectangle d'alçada Canvi"},
-{"id": "rect_rx", "title": "Canviar Rectangle Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Canviar Rectangle Corner Radius"},
-{"id": "rect_width", "title": "Ample rectangle Canvi"},
+{"id": "rect_width_tool", "title": "Ample rectangle Canvi"},
 {"id": "relativeToLabel", "textContent": "en relació amb:"},
 {"id": "rheightLabel", "textContent": "Alçada:"},
 {"id": "rwidthLabel", "textContent": "Ample:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Desagrupar elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Canviar el nivell de zoom"},
+{"id": "zoom_panel", "title": "Canviar el nivell de zoom"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.cs.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Zarovnat relativně"},
-{"id": "angle", "title": "Změnit úhel natočení"},
+{"id": "tool_angle", "title": "Změnit úhel natočení"},
 {"id": "angleLabel", "textContent": "úhel:"},
 {"id": "bkgnd_color", "title": "Změnit barvu a průhlednost pozadí"},
 {"id": "circle_cx", "title": "Změnit souřadnici X středu kružnice"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Přizpůsobit obsahu vrstvy"},
 {"id": "fit_to_sel", "textContent": "Přizpůsobit výběru"},
 {"id": "font_family", "title": "Změnit font"},
-{"id": "font_size", "title": "Změnit velikost písma"},
+{"id": "tool_font_size", "title": "Změnit velikost písma"},
-{"id": "group_opacity", "title": "Změnit průhlednost objektů"},
+{"id": "tool_opacity", "title": "Změnit průhlednost objektů"},
 {"id": "icon_large", "textContent": "velké"},
 {"id": "icon_medium", "textContent": "střední"},
 {"id": "icon_small", "textContent": "malé"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Kliknutím změníte barvu výplně, kliknutím současně s klávesou shift změníte barvu čáry"},
 {"id": "path_node_x", "title": "Změnit souřadnici X uzlu"},
 {"id": "path_node_y", "title": "Změnit souřadnici Y uzlu"},
-{"id": "rect_height", "title": "Změnit výšku obdélníku"},
+{"id": "rect_height_tool", "title": "Změnit výšku obdélníku"},
-{"id": "rect_rx", "title": "Změnit zaoblení obdélníku"},
+{"id": "cornerRadiusLabel", "title": "Změnit zaoblení obdélníku"},
-{"id": "rect_width", "title": "Změnit šířku obdélníku"},
+{"id": "rect_width_tool", "title": "Změnit šířku obdélníku"},
 {"id": "relativeToLabel", "textContent": "relatativně k:"},
 {"id": "rheightLabel", "textContent": "výška:"},
 {"id": "rwidthLabel", "textContent": "šířka:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Zrušit seskupení"},
 {"id": "tool_wireframe", "title": "Zobrazit jen kostru"},
 {"id": "tool_zoom", "title": "Přiblížení"},
-{"id": "zoom", "title": "Změna přiblížení"},
+{"id": "zoom_panel", "title": "Změna přiblížení"},
 {"id": "zoomLabel", "textContent": "přiblížení:"},
 {"id": "sidepanel_handle", "textContent": "V r s t v y", "title": "Táhnutím změnit velikost"},
 {

public/svg-edit/editor/locale/lang.cy.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Alinio perthynas i ..."},
-{"id": "angle", "title": "Ongl cylchdro Newid"},
+{"id": "tool_angle", "title": "Ongl cylchdro Newid"},
 {"id": "angleLabel", "textContent": "Angle:"},
 {"id": "bkgnd_color", "title": "Newid lliw cefndir / Didreiddiad"},
 {"id": "circle_cx", "title": "CX Newid cylch yn cydlynu"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Ffit cynnwys haen i"},
 {"id": "fit_to_sel", "textContent": "Yn addas at ddewis"},
 {"id": "font_family", "title": "Newid Font Teulu"},
-{"id": "font_size", "title": "Newid Maint Ffont"},
+{"id": "tool_font_size", "title": "Newid Maint Ffont"},
-{"id": "group_opacity", "title": "Newid dewis Didreiddiad eitem"},
+{"id": "tool_opacity", "title": "Newid dewis Didreiddiad eitem"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Cliciwch yma i lenwi newid lliw, sifft-cliciwch i newid lliw strôc"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Uchder petryal Newid"},
+{"id": "rect_height_tool", "title": "Uchder petryal Newid"},
-{"id": "rect_rx", "title": "Newid Hirsgwâr Corner Radiws"},
+{"id": "cornerRadiusLabel", "title": "Newid Hirsgwâr Corner Radiws"},
-{"id": "rect_width", "title": "Lled petryal Newid"},
+{"id": "rect_width_tool", "title": "Lled petryal Newid"},
 {"id": "relativeToLabel", "textContent": "cymharol i:"},
 {"id": "rheightLabel", "textContent": "uchder:"},
 {"id": "rwidthLabel", "textContent": "lled:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Elfennau Ungroup"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Offer Chwyddo"},
-{"id": "zoom", "title": "Newid lefel chwyddo"},
+{"id": "zoom_panel", "title": "Newid lefel chwyddo"},
 {"id": "zoomLabel", "textContent": "chwyddo:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.da.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Juster i forhold til ..."},
-{"id": "angle", "title": "Skift rotationsvinkel"},
+{"id": "tool_angle", "title": "Skift rotationsvinkel"},
 {"id": "angleLabel", "textContent": "vinkel:"},
 {"id": "bkgnd_color", "title": "Skift baggrundsfarve / uigennemsigtighed"},
 {"id": "circle_cx", "title": "Skift cirklens cx koordinere"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Tilpas til lag indhold"},
 {"id": "fit_to_sel", "textContent": "Tilpas til udvælgelse"},
 {"id": "font_family", "title": "Skift Font Family"},
-{"id": "font_size", "title": "Skift skriftstørrelse"},
+{"id": "tool_font_size", "title": "Skift skriftstørrelse"},
-{"id": "group_opacity", "title": "Skift valgte element opacitet"},
+{"id": "tool_opacity", "title": "Skift valgte element opacitet"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klik for at ændre fyldfarve, shift-klik for at ændre stregfarve"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Skift rektangel højde"},
+{"id": "rect_height_tool", "title": "Skift rektangel højde"},
-{"id": "rect_rx", "title": "Skift Rektangel Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Skift Rektangel Corner Radius"},
-{"id": "rect_width", "title": "Skift rektanglets bredde"},
+{"id": "rect_width_tool", "title": "Skift rektanglets bredde"},
 {"id": "relativeToLabel", "textContent": "i forhold til:"},
 {"id": "rheightLabel", "textContent": "Højde:"},
 {"id": "rwidthLabel", "textContent": "bredde:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Opdel Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Skift zoomniveau"},
+{"id": "zoom_panel", "title": "Skift zoomniveau"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.de.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Relativ zu einem anderem Objekt ausrichten ..."},
-{"id": "angle", "title": "Drehwinkel ändern"},
+{"id": "tool_angle", "title": "Drehwinkel ändern"},
 {"id": "angleLabel", "textContent": "Winkel:"},
 {"id": "bkgnd_color", "title": "Hintergrundfarbe ändern / Opazität"},
 {"id": "circle_cx", "title": "Kreiszentrum (cx) ändern"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "An Inhalt der Ebene anpassen"},
 {"id": "fit_to_sel", "textContent": "An die Auswahl anpassen"},
 {"id": "font_family", "title": "Schriftart wählen"},
-{"id": "font_size", "title": "Schriftgröße einstellen"},
+{"id": "tool_font_size", "title": "Schriftgröße einstellen"},
-{"id": "group_opacity", "title": "Opazität des ausgewählten Objekts ändern"},
+{"id": "tool_opacity", "title": "Opazität des ausgewählten Objekts ändern"},
 {"id": "icon_large", "textContent": "Groß"},
 {"id": "icon_medium", "textContent": "Mittel"},
 {"id": "icon_small", "textContent": "Klein"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klick zum Ändern der Füllfarbe, Shift-Klick zum Ändern der Linienfarbe"},
 {"id": "path_node_x", "title": "Ändere die X Koordinate des Knoten"},
 {"id": "path_node_y", "title": "Ändere die Y Koordinate des Knoten"},
-{"id": "rect_height", "title": "Höhe des Rechtecks ändern"},
+{"id": "rect_height_tool", "title": "Höhe des Rechtecks ändern"},
-{"id": "rect_rx", "title": "Eckenradius des Rechtecks ändern"},
+{"id": "cornerRadiusLabel", "title": "Eckenradius des Rechtecks ändern"},
-{"id": "rect_width", "title": "Breite des Rechtecks ändern"},
+{"id": "rect_width_tool", "title": "Breite des Rechtecks ändern"},
 {"id": "relativeToLabel", "textContent": "im Vergleich zu:"},
 {"id": "rheightLabel", "textContent": "Höhe:"},
 {"id": "rwidthLabel", "textContent": "Breite:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Gruppierung aufheben"},
 {"id": "tool_wireframe", "title": "Drahtmodell Modus"},
 {"id": "tool_zoom", "title": "Zoomfaktor vergrößern oder verringern"},
-{"id": "zoom", "title": "vergrößern"},
+{"id": "zoom_panel", "title": "vergrößern"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "E b e n e n", "title": "Ziehe links/rechts um die Seitenleiste anzupassen"},
 {

public/svg-edit/editor/locale/lang.el.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Στοίχιση σε σχέση με ..."},
-{"id": "angle", "title": "Αλλαγή γωνία περιστροφής"},
+{"id": "tool_angle", "title": "Αλλαγή γωνία περιστροφής"},
 {"id": "angleLabel", "textContent": "γωνία:"},
 {"id": "bkgnd_color", "title": "Αλλαγή χρώματος φόντου / αδιαφάνεια"},
 {"id": "circle_cx", "title": "Cx Αλλαγή κύκλου συντονίζουν"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Προσαρμογή στο περιεχόμενο στρώμα"},
 {"id": "fit_to_sel", "textContent": "Fit to επιλογή"},
 {"id": "font_family", "title": "Αλλαγή γραμματοσειράς Οικογένεια"},
-{"id": "font_size", "title": "Αλλαγή μεγέθους γραμματοσειράς"},
+{"id": "tool_font_size", "title": "Αλλαγή μεγέθους γραμματοσειράς"},
-{"id": "group_opacity", "title": "Αλλαγή αδιαφάνεια επιλεγμένο σημείο"},
+{"id": "tool_opacity", "title": "Αλλαγή αδιαφάνεια επιλεγμένο σημείο"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Κάντε κλικ για να συμπληρώσετε την αλλαγή χρώματος, στροφή κλικ για να αλλάξετε το χρώμα εγκεφαλικό"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Αλλαγή ύψος ορθογωνίου"},
+{"id": "rect_height_tool", "title": "Αλλαγή ύψος ορθογωνίου"},
-{"id": "rect_rx", "title": "Αλλαγή ορθογώνιο Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Αλλαγή ορθογώνιο Corner Radius"},
-{"id": "rect_width", "title": "Αλλαγή πλάτους ορθογώνιο"},
+{"id": "rect_width_tool", "title": "Αλλαγή πλάτους ορθογώνιο"},
 {"id": "relativeToLabel", "textContent": "σε σχέση με:"},
 {"id": "rheightLabel", "textContent": "ύψος:"},
 {"id": "rwidthLabel", "textContent": "Πλάτος:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Κατάργηση ομαδοποίησης Στοιχεία"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Αλλαγή επίπεδο μεγέθυνσης"},
+{"id": "zoom_panel", "title": "Αλλαγή επίπεδο μεγέθυνσης"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.en.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Align relative to ..."},
-{"id": "angle", "title": "Change rotation angle"},
+{"id": "tool_angle", "title": "Change rotation angle"},
 {"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Change background color/opacity"},
 {"id": "circle_cx", "title": "Change circle's cx coordinate"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Fit to layer content"},
 {"id": "fit_to_sel", "textContent": "Fit to selection"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "font_size", "title": "Change Font Size"},
+{"id": "tool_font_size", "title": "Change Font Size"},
-{"id": "group_opacity", "title": "Change selected item opacity"},
+{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Click to change fill color, shift-click to change stroke color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Change rectangle height"},
+{"id": "rect_height_tool", "title": "Change rectangle height"},
-{"id": "rect_rx", "title": "Change Rectangle Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
-{"id": "rect_width", "title": "Change rectangle width"},
+{"id": "rect_width_tool", "title": "Change rectangle width"},
 {"id": "relativeToLabel", "textContent": "relative to:"},
 {"id": "rheightLabel", "textContent": "height:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -79,12 +79,14 @@
 {"id": "svginfo_title", "textContent": "Title"},
 {"id": "svginfo_width", "textContent": "Width:"},
 {"id": "text", "title": "Change text contents"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
 {"id": "tool_alignbottom", "title": "Align Bottom"},
 {"id": "tool_aligncenter", "title": "Align Center"},
 {"id": "tool_alignleft", "title": "Align Left"},
 {"id": "tool_alignmiddle", "title": "Align Middle"},
 {"id": "tool_alignright", "title": "Align Right"},
 {"id": "tool_aligntop", "title": "Align Top"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
 {"id": "tool_bold", "title": "Bold Text"},
 {"id": "tool_circle", "title": "Circle"},
 {"id": "tool_clear", "textContent": "New Image"},
@@ -110,6 +112,7 @@
 {"id": "tool_node_delete", "title": "Delete Node"},
 {"id": "tool_node_link", "title": "Link Control Points"},
 {"id": "tool_open", "textContent": "Open Image"},
+{"id": "tool_openclose_path", "textContent": "Open/close sub-path"},
 {"id": "tool_path", "title": "Path Tool"},
 {"id": "tool_rect", "title": "Rectangle"},
 {"id": "tool_redo", "title": "Redo"},
@@ -126,9 +129,27 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Change zoom level"},
+{"id": "zoom_panel", "title": "Change zoom level"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
+{"id": "tool_blur", "title": "Change gaussian blur value"},
+{"id": "tool_position", "title": "Align Element to Page"},
+{"id": "idLabel", "title": "Identify the element"},
+{"id": "tool_openclose_path", "title": "Open/close sub-path"},
+{"id": "tool_add_subpath", "title": "Add sub-path"},
+{"id": "cur_linejoin", "title": "Add sub-path"},
+{"id": "linejoin_miter", "title": "Linejoin: Miter"},
+{"id": "linejoin_round", "title": "Linejoin: Round"},
+{"id": "linejoin_bevel", "title": "Linejoin: Bevel"},
+{"id": "linecap_butt", "title": "Linecap: Butt"},
+{"id": "linecap_square", "title": "Linecap: Square"},
+{"id": "linecap_round", "title": "Linecap: Round"},
+{"id": "tool_import", "textContent": "Import SVG"},
+{"id": "tool_export", "textContent": "Export as PNG"},
+{"id": "tool_eyedropper", "title": "Eye Dropper Tool"},
+{"id": "mode_connect", "title": "Connect two objects"},
+{"id": "connector_no_arrow", "textContent": "No arrow"},
+
 {
  "js_strings": {
   "QerrorsRevertToSource": "There were parsing errors in your SVG source.\nRevert back to original SVG source?", 
@@ -142,6 +163,11 @@
   "enterUniqueLayerName": "Please enter a unique layer name", 
   "featNotSupported": "Feature not supported", 
   "invalidAttrValGiven": "Invalid value given", 
+  "enterNewImgURL":"Enter the new image URL",
+  "defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
+  "loadingImage":"Loading image, please wait...",
+  "saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
+  "noteTheseIssues": "Also note the following issues: ",
   "key_backspace": "backspace", 
   "key_del": "delete", 
   "key_down": "down", 
@@ -151,7 +177,13 @@
   "noContentToFitTo": "No content to fit to", 
   "ok": "OK", 
   "pathCtrlPtTooltip": "Drag control point to adjust curve properties", 
-  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type"
+  "pathNodeTooltip": "Drag node to move it. Double-click node to change segment type",
+  "exportNoBlur": "Blurred elements will appear as un-blurred",
+  "exportNoImage": "Image elements will not appear",
+  "exportNoforeignObject": "foreignObject elements will not appear",
+  "exportNoMarkers": "Marker elements (arrows, etc) may not appear as expected",
+  "exportNoDashArray": "Strokes will appear filled",
+  "exportNoText": "Text may not appear as expected"
  }
 }
 ]

public/svg-edit/editor/locale/lang.es.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Alinear con respecto a ..."},
-{"id": "angle", "title": "Cambiar el ángulo de rotación"},
+{"id": "tool_angle", "title": "Cambiar el ángulo de rotación"},
 {"id": "angleLabel", "textContent": "ángulo:"},
 {"id": "bkgnd_color", "title": "Cambiar color de fondo / opacidad"},
 {"id": "circle_cx", "title": "Cambiar la posición horizonral CX del círculo"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Ajustar al contenido de la capa"},
 {"id": "fit_to_sel", "textContent": "Ajustar a la selección"},
 {"id": "font_family", "title": "Tipo de fuente"},
-{"id": "font_size", "title": "Tamaño de la fuente"},
+{"id": "tool_font_size", "title": "Tamaño de la fuente"},
-{"id": "group_opacity", "title": "Cambiar la opacidad del objeto seleccionado"},
+{"id": "tool_opacity", "title": "Cambiar la opacidad del objeto seleccionado"},
 {"id": "icon_large", "textContent": "Grande"},
 {"id": "icon_medium", "textContent": "Mediano"},
 {"id": "icon_small", "textContent": "Pequeño"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Haga clic para cambiar el color de relleno. Pulse Mayús y haga clic para cambiar el color del contorno."},
 {"id": "path_node_x", "title": "Cambiar la posición horizontal X del nodo"},
 {"id": "path_node_y", "title": "Cambiar la posición vertical Y del nodo"},
-{"id": "rect_height", "title": "Cambiar la altura del rectángulo"},
+{"id": "rect_height_tool", "title": "Cambiar la altura del rectángulo"},
-{"id": "rect_rx", "title": "Cambiar el radio de las esquinas del rectángulo"},
+{"id": "cornerRadiusLabel", "title": "Cambiar el radio de las esquinas del rectángulo"},
-{"id": "rect_width", "title": "Cambiar el ancho rectángulo"},
+{"id": "rect_width_tool", "title": "Cambiar el ancho rectángulo"},
 {"id": "relativeToLabel", "textContent": "en relación con:"},
 {"id": "rheightLabel", "textContent": "Alto:"},
 {"id": "rwidthLabel", "textContent": "Ancho:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Desagrupar objetos"},
 {"id": "tool_wireframe", "title": "Modo marco de alambre"},
 {"id": "tool_zoom", "title": "Zoom"},
-{"id": "zoom", "title": "Cambiar el nivel de zoom"},
+{"id": "zoom_panel", "title": "Cambiar el nivel de zoom"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "C a p a s", "title": "Arrastrar hacia la izquierda/derecha para modificar el tamaño del panel lateral"},
 {

public/svg-edit/editor/locale/lang.et.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Viia võrreldes ..."},
-{"id": "angle", "title": "Muuda Pöördenurk"},
+{"id": "tool_angle", "title": "Muuda Pöördenurk"},
 {"id": "angleLabel", "textContent": "nurk:"},
 {"id": "bkgnd_color", "title": "Muuda tausta värvi / läbipaistmatus"},
 {"id": "circle_cx", "title": "Muuda ringi's cx kooskõlastada"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Sobita kiht sisu"},
 {"id": "fit_to_sel", "textContent": "Fit valiku"},
 {"id": "font_family", "title": "Muutke Kirjasinperhe"},
-{"id": "font_size", "title": "Change font size"},
+{"id": "tool_font_size", "title": "Change font size"},
-{"id": "group_opacity", "title": "Muuda valitud elemendi läbipaistmatus"},
+{"id": "tool_opacity", "title": "Muuda valitud elemendi läbipaistmatus"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Click muuta täitke värvi, Shift-nuppu, et muuta insult värvi"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Muuda ristküliku kõrgus"},
+{"id": "rect_height_tool", "title": "Muuda ristküliku kõrgus"},
-{"id": "rect_rx", "title": "Muuda ristkülik Nurgakabe Raadius"},
+{"id": "cornerRadiusLabel", "title": "Muuda ristkülik Nurgakabe Raadius"},
-{"id": "rect_width", "title": "Muuda ristküliku laius"},
+{"id": "rect_width_tool", "title": "Muuda ristküliku laius"},
 {"id": "relativeToLabel", "textContent": "võrreldes:"},
 {"id": "rheightLabel", "textContent": "Kõrgus:"},
 {"id": "rwidthLabel", "textContent": "laius:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Lõhu Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Muuda suumi taset"},
+{"id": "zoom_panel", "title": "Muuda suumi taset"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.fa.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "‫تراز نسبت به ...‬"},
-{"id": "angle", "title": "‫تغییر زاویه چرخش‬"},
+{"id": "tool_angle", "title": "‫تغییر زاویه چرخش‬"},
 {"id": "angleLabel", "textContent": "‫زاویه:‬"},
 {"id": "bkgnd_color", "title": "‫تغییر رنگ پس زمینه / تاری‬"},
 {"id": "circle_cx", "title": "‫تغییر مختصات cx دایره‬"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "‫هم اندازه شدن با محتوای لایه‬"},
 {"id": "fit_to_sel", "textContent": "‫هم اندازه شدن با اشیاء انتخاب شده‬"},
 {"id": "font_family", "title": "‫تغییر خانواده قلم‬"},
-{"id": "font_size", "title": "‫تغییر اندازه قلم‬"},
+{"id": "tool_font_size", "title": "‫تغییر اندازه قلم‬"},
-{"id": "group_opacity", "title": "‫تغییر تاری عنصر انتخاب شده‬"},
+{"id": "tool_opacity", "title": "‫تغییر تاری عنصر انتخاب شده‬"},
 {"id": "icon_large", "textContent": "‫بزرگ‬"},
 {"id": "icon_medium", "textContent": "‫متوسط‬"},
 {"id": "icon_small", "textContent": "‫کوچک‬"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "‫برای تغییر رنگ، کلیک کنید. برای تغییر رنگ لبه، کلید تبدیل (shift) را فشرده و کلیک کنید‬"},
 {"id": "path_node_x", "title": "‫تغییر مختصات x نقطه‬"},
 {"id": "path_node_y", "title": "‫تغییر مختصات y نقطه‬"},
-{"id": "rect_height", "title": "‫تغییر ارتفاع مستطیل‬"},
+{"id": "rect_height_tool", "title": "‫تغییر ارتفاع مستطیل‬"},
-{"id": "rect_rx", "title": "‫تغییر شعاع گوشه مستطیل‬"},
+{"id": "cornerRadiusLabel", "title": "‫تغییر شعاع گوشه مستطیل‬"},
-{"id": "rect_width", "title": "‫تغییر عرض مستطیل‬"},
+{"id": "rect_width_tool", "title": "‫تغییر عرض مستطیل‬"},
 {"id": "relativeToLabel", "textContent": "‫نسبت به:‬"},
 {"id": "rheightLabel", "textContent": "‫ارتفاع:‬"},
 {"id": "rwidthLabel", "textContent": "‫عرض:‬"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "‫خارج کردن عناصر از گروه ‬"},
 {"id": "tool_wireframe", "title": "‫حالت نمایش لبه ها ‬"},
 {"id": "tool_zoom", "title": "‫ابزار بزرگ نمایی ‬"},
-{"id": "zoom", "title": "‫تغییر بزرگ نمایی‬"},
+{"id": "zoom_panel", "title": "‫تغییر بزرگ نمایی‬"},
 {"id": "zoomLabel", "textContent": "‫بزرگ نمایی:‬"},
 {"id": "sidepanel_handle", "textContent": "‫لایه ها‬", "title": "‫برای تغییر اندازه منوی کناری، آن را به سمت راست/چپ بکشید ‬"},
 {

public/svg-edit/editor/locale/lang.fi.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Kohdista suhteessa ..."},
-{"id": "angle", "title": "Muuta kiertokulma"},
+{"id": "tool_angle", "title": "Muuta kiertokulma"},
 {"id": "angleLabel", "textContent": "kulma:"},
 {"id": "bkgnd_color", "title": "Vaihda taustaväri / sameuden"},
 {"id": "circle_cx", "title": "Muuta Circlen CX koordinoida"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Sovita kerros sisältöön"},
 {"id": "fit_to_sel", "textContent": "Sovita valinta"},
 {"id": "font_family", "title": "Muuta Font Family"},
-{"id": "font_size", "title": "Muuta fontin kokoa"},
+{"id": "tool_font_size", "title": "Muuta fontin kokoa"},
-{"id": "group_opacity", "title": "Muuta valitun kohteen läpinäkyvyys"},
+{"id": "tool_opacity", "title": "Muuta valitun kohteen läpinäkyvyys"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klikkaa muuttaa täyttöväri, Shift-click vaihtaa aivohalvauksen väriä"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Muuta suorakaiteen korkeus"},
+{"id": "rect_height_tool", "title": "Muuta suorakaiteen korkeus"},
-{"id": "rect_rx", "title": "Muuta suorakaide Corner Säde"},
+{"id": "cornerRadiusLabel", "title": "Muuta suorakaide Corner Säde"},
-{"id": "rect_width", "title": "Muuta suorakaiteen leveys"},
+{"id": "rect_width_tool", "title": "Muuta suorakaiteen leveys"},
 {"id": "relativeToLabel", "textContent": "suhteessa:"},
 {"id": "rheightLabel", "textContent": "korkeus:"},
 {"id": "rwidthLabel", "textContent": "leveys"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Suurennustyökalu"},
-{"id": "zoom", "title": "Muuta suurennustaso"},
+{"id": "zoom_panel", "title": "Muuta suurennustaso"},
 {"id": "zoomLabel", "textContent": "zoomin:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.fr.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Aligner par rapport à ..."},
-{"id": "angle", "title": "Changer l'angle de rotation"},
+{"id": "tool_angle", "title": "Changer l'angle de rotation"},
 {"id": "angleLabel", "textContent": "Angle:"},
 {"id": "bkgnd_color", "title": "Changer la couleur d'arrière-plan / l'opacité"},
 {"id": "circle_cx", "title": "Changer la position horizontale cx du cercle"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Ajuster au contenu du calque"},
 {"id": "fit_to_sel", "textContent": "Ajuster à la sélection"},
 {"id": "font_family", "title": "Changer la famille de police"},
-{"id": "font_size", "title": "Taille de la police"},
+{"id": "tool_font_size", "title": "Taille de la police"},
-{"id": "group_opacity", "title": "Changer l'opacité de l'élément"},
+{"id": "tool_opacity", "title": "Changer l'opacité de l'élément"},
 {"id": "icon_large", "textContent": "Grande"},
 {"id": "icon_medium", "textContent": "Moyenne"},
 {"id": "icon_small", "textContent": "Petite"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Cliquer pour changer la couleur de remplissage, Shift-Clic pour changer la couleur de contour"},
 {"id": "path_node_x", "title": "Changer la positon horizontale x du nœud"},
 {"id": "path_node_y", "title": "Changer la position verticale y du nœud"},
-{"id": "rect_height", "title": "Changer la hauteur du rectangle"},
+{"id": "rect_height_tool", "title": "Changer la hauteur du rectangle"},
-{"id": "rect_rx", "title": "Changer le rayon des coins du rectangle"},
+{"id": "cornerRadiusLabel", "title": "Changer le rayon des coins du rectangle"},
-{"id": "rect_width", "title": "Changer la largeur du rectangle"},
+{"id": "rect_width_tool", "title": "Changer la largeur du rectangle"},
 {"id": "relativeToLabel", "textContent": "Relativement à:"},
 {"id": "rheightLabel", "textContent": "Hauteur:"},
 {"id": "rwidthLabel", "textContent": "Largeur:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Dégrouper les éléments"},
 {"id": "tool_wireframe", "title": "Mode Fil de Fer"},
 {"id": "tool_zoom", "title": "Zoom"},
-{"id": "zoom", "title": "Changer le niveau de zoom"},
+{"id": "zoom_panel", "title": "Changer le niveau de zoom"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "C A L Q U E S", "title": "Tirer vers la gauche/droite pour redimensionner le panneau"},
 {

public/svg-edit/editor/locale/lang.fy.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Útlijne relatyf oan..."},
-{"id": "angle", "title": "Draaie"},
+{"id": "tool_angle", "title": "Draaie"},
 {"id": "angleLabel", "textContent": "Hoek:"},
 {"id": "bkgnd_color", "title": "Eftergrûnkleur/trochsichtigens oanpasse"},
 {"id": "circle_cx", "title": "Feroarje it X-koördinaat fan it middelpunt fan'e sirkel."},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Op laachynhâld passe"},
 {"id": "fit_to_sel", "textContent": "Op seleksje passe"},
 {"id": "font_family", "title": "Lettertype oanpasse"},
-{"id": "font_size", "title": "Lettergrutte oanpasse"},
+{"id": "tool_font_size", "title": "Lettergrutte oanpasse"},
-{"id": "group_opacity", "title": "Trochsichtigens oanpasse"},
+{"id": "tool_opacity", "title": "Trochsichtigens oanpasse"},
 {"id": "icon_large", "textContent": "Grut"},
 {"id": "icon_medium", "textContent": "Middel"},
 {"id": "icon_small", "textContent": "Lyts"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klik om de folkleur te feroarjen, shift-klik om de linekleur te feroarjen."},
 {"id": "path_node_x", "title": "X-koördinaat knooppunt oanpasse"},
 {"id": "path_node_y", "title": "Y-koördinaat knooppunt oanpasse"},
-{"id": "rect_height", "title": "Hichte rjochthoeke oanpasse"},
+{"id": "rect_height_tool", "title": "Hichte rjochthoeke oanpasse"},
-{"id": "rect_rx", "title": "Hoekeradius oanpasse"},
+{"id": "cornerRadiusLabel", "title": "Hoekeradius oanpasse"},
-{"id": "rect_width", "title": "Breedte rjochthoeke oanpasse"},
+{"id": "rect_width_tool", "title": "Breedte rjochthoeke oanpasse"},
 {"id": "relativeToLabel", "textContent": "Relatief tsjinoer:"},
 {"id": "rheightLabel", "textContent": "Hichte:"},
 {"id": "rwidthLabel", "textContent": "Breedte:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Groepering opheffe"},
 {"id": "tool_wireframe", "title": "Triemodel"},
 {"id": "tool_zoom", "title": "Zoom"},
-{"id": "zoom", "title": "Yn-/útzoome"},
+{"id": "zoom_panel", "title": "Yn-/útzoome"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a g e n", "title": "Sleep nei links/rjochts om it sidepaniel grutter as lytser te meitjen"},
 {

public/svg-edit/editor/locale/lang.ga.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Ailínigh i gcomparáid leis ..."},
-{"id": "angle", "title": "Uillinn rothlaithe Athrú"},
+{"id": "tool_angle", "title": "Uillinn rothlaithe Athrú"},
 {"id": "angleLabel", "textContent": "uillinn:"},
 {"id": "bkgnd_color", "title": "Dath cúlra Athraigh / teimhneacht"},
 {"id": "circle_cx", "title": "Athraigh an ciorcal a chomhordú CX"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Laghdaigh shraith ábhar a"},
 {"id": "fit_to_sel", "textContent": "Laghdaigh a roghnú"},
 {"id": "font_family", "title": "Athraigh an Cló Teaghlaigh"},
-{"id": "font_size", "title": "Athraigh Clómhéid"},
+{"id": "tool_font_size", "title": "Athraigh Clómhéid"},
-{"id": "group_opacity", "title": "Athraigh roghnaithe teimhneacht mír"},
+{"id": "tool_opacity", "title": "Athraigh roghnaithe teimhneacht mír"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Cliceáil chun athrú a líonadh dath, aistriú-cliceáil chun dath a athrú stróc"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Airde dronuilleog Athrú"},
+{"id": "rect_height_tool", "title": "Airde dronuilleog Athrú"},
-{"id": "rect_rx", "title": "Athraigh Dronuilleog Cúinne na Ga"},
+{"id": "cornerRadiusLabel", "title": "Athraigh Dronuilleog Cúinne na Ga"},
-{"id": "rect_width", "title": "Leithead dronuilleog Athrú"},
+{"id": "rect_width_tool", "title": "Leithead dronuilleog Athrú"},
 {"id": "relativeToLabel", "textContent": "i gcomparáid leis:"},
 {"id": "rheightLabel", "textContent": "Airde:"},
 {"id": "rwidthLabel", "textContent": "leithead:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Eilimintí Díghrúpáil"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zúmáil Uirlis"},
-{"id": "zoom", "title": "Athraigh súmáil leibhéal"},
+{"id": "zoom_panel", "title": "Athraigh súmáil leibhéal"},
 {"id": "zoomLabel", "textContent": "súmáil isteach:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.gl.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Aliñar en relación a ..."},
-{"id": "angle", "title": "Cambiar o ángulo de xiro"},
+{"id": "tool_angle", "title": "Cambiar o ángulo de xiro"},
 {"id": "angleLabel", "textContent": "ángulo:"},
 {"id": "bkgnd_color", "title": "Mudar a cor de fondo / Opacidade"},
 {"id": "circle_cx", "title": "Cx Cambiar círculo de coordenadas"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Axustar o contido da capa de"},
 {"id": "fit_to_sel", "textContent": "Axustar a selección"},
 {"id": "font_family", "title": "Cambiar fonte Familia"},
-{"id": "font_size", "title": "Mudar tamaño de letra"},
+{"id": "tool_font_size", "title": "Mudar tamaño de letra"},
-{"id": "group_opacity", "title": "Cambia a opacidade elemento seleccionado"},
+{"id": "tool_opacity", "title": "Cambia a opacidade elemento seleccionado"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Preme aquí para cambiar a cor de recheo, Shift-clic para cambiar a cor do curso"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Cambiar altura do rectángulo"},
+{"id": "rect_height_tool", "title": "Cambiar altura do rectángulo"},
-{"id": "rect_rx", "title": "Cambiar Corner Rectangle Radius"},
+{"id": "cornerRadiusLabel", "title": "Cambiar Corner Rectangle Radius"},
-{"id": "rect_width", "title": "Cambiar a largo rectángulo"},
+{"id": "rect_width_tool", "title": "Cambiar a largo rectángulo"},
 {"id": "relativeToLabel", "textContent": "en relación ao:"},
 {"id": "rheightLabel", "textContent": "height:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Elementos Desagrupadas"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Cambiar o nivel de zoom"},
+{"id": "zoom_panel", "title": "Cambiar o nivel de zoom"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.he.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "יישור ביחס ..."},
-{"id": "angle", "title": "שינוי זווית הסיבוב"},
+{"id": "tool_angle", "title": "שינוי זווית הסיבוב"},
 {"id": "angleLabel", "textContent": "זווית:"},
 {"id": "bkgnd_color", "title": "שנה את צבע הרקע / אטימות"},
 {"id": "circle_cx", "title": "CX מעגל של שנה לתאם"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "מתאים לתוכן שכבת"},
 {"id": "fit_to_sel", "textContent": "התאם הבחירה"},
 {"id": "font_family", "title": "שינוי גופן משפחה"},
-{"id": "font_size", "title": "שנה גודל גופן"},
+{"id": "tool_font_size", "title": "שנה גודל גופן"},
-{"id": "group_opacity", "title": "שינוי הפריט הנבחר אטימות"},
+{"id": "tool_opacity", "title": "שינוי הפריט הנבחר אטימות"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "לחץ כדי לשנות צבע מילוי, לחץ על Shift-לשנות צבע שבץ"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "שינוי גובה המלבן"},
+{"id": "rect_height_tool", "title": "שינוי גובה המלבן"},
-{"id": "rect_rx", "title": "לשנות מלבן פינת רדיוס"},
+{"id": "cornerRadiusLabel", "title": "לשנות מלבן פינת רדיוס"},
-{"id": "rect_width", "title": "שינוי רוחב המלבן"},
+{"id": "rect_width_tool", "title": "שינוי רוחב המלבן"},
 {"id": "relativeToLabel", "textContent": "יחסית:"},
 {"id": "rheightLabel", "textContent": "גובה:"},
 {"id": "rwidthLabel", "textContent": "רוחב:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "אלמנטים פרק קבוצה"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "זום כלי"},
-{"id": "zoom", "title": "שינוי גודל תצוגה"},
+{"id": "zoom_panel", "title": "שינוי גודל תצוגה"},
 {"id": "zoomLabel", "textContent": "זום:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.hi.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "संरेखित करें रिश्तेदार को ..."},
-{"id": "angle", "title": "बदलें रोटेशन कोण"},
+{"id": "tool_angle", "title": "बदलें रोटेशन कोण"},
 {"id": "angleLabel", "textContent": "कोण:"},
 {"id": "bkgnd_color", "title": "पृष्ठभूमि का रंग बदल / अस्पष्टता"},
 {"id": "circle_cx", "title": "बदल रहा है चक्र cx समन्वय"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "फिट परत सामग्री के लिए"},
 {"id": "fit_to_sel", "textContent": "चयन के लिए फिट"},
 {"id": "font_family", "title": "बदलें फ़ॉन्ट परिवार"},
-{"id": "font_size", "title": "फ़ॉन्ट का आकार बदलें"},
+{"id": "tool_font_size", "title": "फ़ॉन्ट का आकार बदलें"},
-{"id": "group_opacity", "title": "पारदर्शिता बदलें"},
+{"id": "tool_opacity", "title": "पारदर्शिता बदलें"},
 {"id": "icon_large", "textContent": "बड़ा"},
 {"id": "icon_medium", "textContent": "मध्यम"},
 {"id": "icon_small", "textContent": "छोटा"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "रंग बदलने पर क्लिक करें, बदलाव भरने के क्लिक करने के लिए स्ट्रोक का रंग बदलने के लिए"},
 {"id": "path_node_x", "title": "नोड का x समकक्ष बदलें"},
 {"id": "path_node_y", "title": "नोड का y समकक्ष बदलें"},
-{"id": "rect_height", "title": "बदलें आयत ऊंचाई"},
+{"id": "rect_height_tool", "title": "बदलें आयत ऊंचाई"},
-{"id": "rect_rx", "title": "बदलें आयत कॉर्नर त्रिज्या"},
+{"id": "cornerRadiusLabel", "title": "बदलें आयत कॉर्नर त्रिज्या"},
-{"id": "rect_width", "title": "बदलें आयत चौड़ाई"},
+{"id": "rect_width_tool", "title": "बदलें आयत चौड़ाई"},
 {"id": "relativeToLabel", "textContent": "रिश्तेदार को:"},
 {"id": "rheightLabel", "textContent": "ऊँचाई:"},
 {"id": "rwidthLabel", "textContent": "चौड़ाई:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "अंश को समूह से अलग करें"},
 {"id": "tool_wireframe", "title": "रूपरेखा मोड"},
 {"id": "tool_zoom", "title": "ज़ूम उपकरण"},
-{"id": "zoom", "title": "बदलें स्तर ज़ूम"},
+{"id": "zoom_panel", "title": "बदलें स्तर ज़ूम"},
 {"id": "zoomLabel", "textContent": "जूम:"},
 {"id": "sidepanel_handle", "textContent": "प र तें", "title": "दायें/बाएं घसीट कर आकार बदलें"},
 {

public/svg-edit/editor/locale/lang.hr.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Poravnaj u odnosu na ..."},
-{"id": "angle", "title": "Promijeni rotation angle"},
+{"id": "tool_angle", "title": "Promijeni rotation angle"},
 {"id": "angleLabel", "textContent": "kut:"},
 {"id": "bkgnd_color", "title": "Promijeni boju pozadine / neprozirnost"},
 {"id": "circle_cx", "title": "Promjena krug's CX koordinirati"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Prilagodi sloj sadržaj"},
 {"id": "fit_to_sel", "textContent": "Prilagodi odabir"},
 {"id": "font_family", "title": "Promjena fontova"},
-{"id": "font_size", "title": "Change font size"},
+{"id": "tool_font_size", "title": "Change font size"},
-{"id": "group_opacity", "title": "Promjena odabrane stavke neprozirnost"},
+{"id": "tool_opacity", "title": "Promjena odabrane stavke neprozirnost"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Kliknite promijeniti boju ispune, shift-click to promijeniti boju moždanog udara"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Promijeni pravokutnik visine"},
+{"id": "rect_height_tool", "title": "Promijeni pravokutnik visine"},
-{"id": "rect_rx", "title": "Promijeni Pravokutnik Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Promijeni Pravokutnik Corner Radius"},
-{"id": "rect_width", "title": "Promijeni pravokutnik širine"},
+{"id": "rect_width_tool", "title": "Promijeni pravokutnik širine"},
 {"id": "relativeToLabel", "textContent": "u odnosu na:"},
 {"id": "rheightLabel", "textContent": "visina:"},
 {"id": "rwidthLabel", "textContent": "širina:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Razgrupiranje Elementi"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Alat za zumiranje"},
-{"id": "zoom", "title": "Promjena razine zumiranja"},
+{"id": "zoom_panel", "title": "Promjena razine zumiranja"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.hu.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Képest Igazítás ..."},
-{"id": "angle", "title": "Váltás forgás szög"},
+{"id": "tool_angle", "title": "Váltás forgás szög"},
 {"id": "angleLabel", "textContent": "irányból:"},
 {"id": "bkgnd_color", "title": "Change background color / homályosság"},
 {"id": "circle_cx", "title": "Change kör CX koordináta"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Igazítás a réteg tartalma"},
 {"id": "fit_to_sel", "textContent": "Igazítás a kiválasztási"},
 {"id": "font_family", "title": "Change Betűcsalád"},
-{"id": "font_size", "title": "Change font size"},
+{"id": "tool_font_size", "title": "Change font size"},
-{"id": "group_opacity", "title": "A kijelölt elem opacity"},
+{"id": "tool_opacity", "title": "A kijelölt elem opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Kattints ide a változások töltse szín, shift-click változtatni stroke color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Change téglalap magassága"},
+{"id": "rect_height_tool", "title": "Change téglalap magassága"},
-{"id": "rect_rx", "title": "Change téglalap sarok sugara"},
+{"id": "cornerRadiusLabel", "title": "Change téglalap sarok sugara"},
-{"id": "rect_width", "title": "Change téglalap szélessége"},
+{"id": "rect_width_tool", "title": "Change téglalap szélessége"},
 {"id": "relativeToLabel", "textContent": "relatív hogy:"},
 {"id": "rheightLabel", "textContent": "magasság:"},
 {"id": "rwidthLabel", "textContent": "szélesség:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Szétbont elemei"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Change nagyítási"},
+{"id": "zoom_panel", "title": "Change nagyítási"},
 {"id": "zoomLabel", "textContent": "nagyítási:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.hy.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Align relative to ..."},
-{"id": "angle", "title": "Change rotation angle"},
+{"id": "tool_angle", "title": "Change rotation angle"},
 {"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Change background color/opacity"},
 {"id": "circle_cx", "title": "Change circle's cx coordinate"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Fit to layer content"},
 {"id": "fit_to_sel", "textContent": "Fit to selection"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "font_size", "title": "Change Font Size"},
+{"id": "tool_font_size", "title": "Change Font Size"},
-{"id": "group_opacity", "title": "Change selected item opacity"},
+{"id": "tool_opacity", "title": "Change selected item opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Click to change fill color, shift-click to change stroke color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Change rectangle height"},
+{"id": "rect_height_tool", "title": "Change rectangle height"},
-{"id": "rect_rx", "title": "Change Rectangle Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Change Rectangle Corner Radius"},
-{"id": "rect_width", "title": "Change rectangle width"},
+{"id": "rect_width_tool", "title": "Change rectangle width"},
 {"id": "relativeToLabel", "textContent": "relative to:"},
 {"id": "rheightLabel", "textContent": "height:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Change zoom level"},
+{"id": "zoom_panel", "title": "Change zoom level"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.id.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Rata relatif ..."},
-{"id": "angle", "title": "Ubah sudut rotasi"},
+{"id": "tool_angle", "title": "Ubah sudut rotasi"},
 {"id": "angleLabel", "textContent": "sudut:"},
 {"id": "bkgnd_color", "title": "Mengubah warna latar belakang / keburaman"},
 {"id": "circle_cx", "title": "Mengubah koordinat lingkaran cx"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Muat konten lapisan"},
 {"id": "fit_to_sel", "textContent": "Fit seleksi"},
 {"id": "font_family", "title": "Ubah Font Keluarga"},
-{"id": "font_size", "title": "Ubah Ukuran Font"},
+{"id": "tool_font_size", "title": "Ubah Ukuran Font"},
-{"id": "group_opacity", "title": "Mengubah item yang dipilih keburaman"},
+{"id": "tool_opacity", "title": "Mengubah item yang dipilih keburaman"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klik untuk mengubah warna mengisi, shift-klik untuk mengubah warna stroke"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Perubahan tinggi persegi panjang"},
+{"id": "rect_height_tool", "title": "Perubahan tinggi persegi panjang"},
-{"id": "rect_rx", "title": "Ubah Corner Rectangle Radius"},
+{"id": "cornerRadiusLabel", "title": "Ubah Corner Rectangle Radius"},
-{"id": "rect_width", "title": "Ubah persegi panjang lebar"},
+{"id": "rect_width_tool", "title": "Ubah persegi panjang lebar"},
 {"id": "relativeToLabel", "textContent": "relatif:"},
 {"id": "rheightLabel", "textContent": "height:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elemen"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Mengubah tingkat pembesaran"},
+{"id": "zoom_panel", "title": "Mengubah tingkat pembesaran"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.is.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Jafna miðað við ..."},
-{"id": "angle", "title": "Breyting snúningur horn"},
+{"id": "tool_angle", "title": "Breyting snúningur horn"},
 {"id": "angleLabel", "textContent": "horn:"},
 {"id": "bkgnd_color", "title": "Breyta bakgrunnslit / opacity"},
 {"id": "circle_cx", "title": "Cx Breyta hring er að samræma"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Laga til lag efni"},
 {"id": "fit_to_sel", "textContent": "Fit til val"},
 {"id": "font_family", "title": "Change Leturfjölskylda"},
-{"id": "font_size", "title": "Breyta leturstærð"},
+{"id": "tool_font_size", "title": "Breyta leturstærð"},
-{"id": "group_opacity", "title": "Breyta valin atriði opacity"},
+{"id": "tool_opacity", "title": "Breyta valin atriði opacity"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Smelltu hér til að breyta fylla lit, Shift-smelltu til að breyta högg lit"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Breyta rétthyrningur hæð"},
+{"id": "rect_height_tool", "title": "Breyta rétthyrningur hæð"},
-{"id": "rect_rx", "title": "Breyta rétthyrningur Corner Radíus"},
+{"id": "cornerRadiusLabel", "title": "Breyta rétthyrningur Corner Radíus"},
-{"id": "rect_width", "title": "Skipta rétthyrningur width"},
+{"id": "rect_width_tool", "title": "Skipta rétthyrningur width"},
 {"id": "relativeToLabel", "textContent": "hlutfallslegt til:"},
 {"id": "rheightLabel", "textContent": "Height"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Breyta Stækkunarstig"},
+{"id": "zoom_panel", "title": "Breyta Stækkunarstig"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.it.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Allineati alla ..."},
-{"id": "angle", "title": "Cambia l'angolo di rotazione"},
+{"id": "tool_angle", "title": "Cambia l'angolo di rotazione"},
 {"id": "angleLabel", "textContent": "Angolo:"},
 {"id": "bkgnd_color", "title": "Cambia il colore di sfondo / opacità"},
 {"id": "circle_cx", "title": "Cx cerchio Modifica di coordinate"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Adatta a livello di contenuti"},
 {"id": "fit_to_sel", "textContent": "Adatta alla selezione"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "font_size", "title": "Modifica dimensione carattere"},
+{"id": "tool_font_size", "title": "Modifica dimensione carattere"},
-{"id": "group_opacity", "title": "Cambia l'opacità dell'oggetto selezionato"},
+{"id": "tool_opacity", "title": "Cambia l'opacità dell'oggetto selezionato"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Fare clic per cambiare il colore di riempimento, shift-click per cambiare colore del tratto"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Cambia l'altezza rettangolo"},
+{"id": "rect_height_tool", "title": "Cambia l'altezza rettangolo"},
-{"id": "rect_rx", "title": "Cambia Rectangle Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Cambia Rectangle Corner Radius"},
-{"id": "rect_width", "title": "Cambia la larghezza rettangolo"},
+{"id": "rect_width_tool", "title": "Cambia la larghezza rettangolo"},
 {"id": "relativeToLabel", "textContent": "rispetto al:"},
 {"id": "rheightLabel", "textContent": "Altezza:"},
 {"id": "rwidthLabel", "textContent": "Larghezza:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Separa Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Cambia il livello di zoom"},
+{"id": "zoom_panel", "title": "Cambia il livello di zoom"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.ja.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "揃える"},
-{"id": "angle", "title": "回転角の変更"},
+{"id": "tool_angle", "title": "回転角の変更"},
 {"id": "angleLabel", "textContent": "角度:"},
 {"id": "bkgnd_color", "title": "背景色/不透明度の変更"},
 {"id": "circle_cx", "title": "円の中心を変更（X座標）"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "レイヤー上のコンテンツに合わせる"},
 {"id": "fit_to_sel", "textContent": "選択対象に合わせる"},
 {"id": "font_family", "title": "フォントファミリーの変更"},
-{"id": "font_size", "title": "文字サイズの変更"},
+{"id": "tool_font_size", "title": "文字サイズの変更"},
-{"id": "group_opacity", "title": "不透明度"},
+{"id": "tool_opacity", "title": "不透明度"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "クリックで塗りの色を選択、Shift+クリックで線の色を選択"},
 {"id": "path_node_x", "title": "ノードのX座標を変更"},
 {"id": "path_node_y", "title": "ノードのY座標を変更"},
-{"id": "rect_height", "title": "長方形の高さを変更"},
+{"id": "rect_height_tool", "title": "長方形の高さを変更"},
-{"id": "rect_rx", "title": "長方形の角の半径を変更"},
+{"id": "cornerRadiusLabel", "title": "長方形の角の半径を変更"},
-{"id": "rect_width", "title": "長方形の幅を変更"},
+{"id": "rect_width_tool", "title": "長方形の幅を変更"},
 {"id": "relativeToLabel", "textContent": "相対:"},
 {"id": "rheightLabel", "textContent": "高さ："},
 {"id": "rwidthLabel", "textContent": "幅："},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "グループ化を解除"},
 {"id": "tool_wireframe", "title": "ワイヤーフレームで表示 [F]"},
 {"id": "tool_zoom", "title": "ズームツール"},
-{"id": "zoom", "title": "ズーム倍率の変更"},
+{"id": "zoom_panel", "title": "ズーム倍率の変更"},
 {"id": "zoomLabel", "textContent": "ズーム:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "ドラッグで幅の調整"},
 {

public/svg-edit/editor/locale/lang.ko.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "정렬 상대적으로 ..."},
-{"id": "angle", "title": "회전 각도를 변경"},
+{"id": "tool_angle", "title": "회전 각도를 변경"},
 {"id": "angleLabel", "textContent": "각도:"},
 {"id": "bkgnd_color", "title": "배경 색상 변경 / 투명도"},
 {"id": "circle_cx", "title": "변경 동그라미 CX는 좌표"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "레이어에 맞게 콘텐츠"},
 {"id": "fit_to_sel", "textContent": "맞춤 선택"},
 {"id": "font_family", "title": "글꼴 변경 패밀리"},
-{"id": "font_size", "title": "글꼴 크기 변경"},
+{"id": "tool_font_size", "title": "글꼴 크기 변경"},
-{"id": "group_opacity", "title": "변경 항목을 선택 불투명도"},
+{"id": "tool_opacity", "title": "변경 항목을 선택 불투명도"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "색상을 클릭, 근무 시간 채우기 스트로크 색상을 변경하려면 변경하려면"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "사각형의 높이를 변경"},
+{"id": "rect_height_tool", "title": "사각형의 높이를 변경"},
-{"id": "rect_rx", "title": "변경 직사각형 코너 반경"},
+{"id": "cornerRadiusLabel", "title": "변경 직사각형 코너 반경"},
-{"id": "rect_width", "title": "사각형의 너비 변경"},
+{"id": "rect_width_tool", "title": "사각형의 너비 변경"},
 {"id": "relativeToLabel", "textContent": "상대:"},
 {"id": "rheightLabel", "textContent": "높이 :"},
 {"id": "rwidthLabel", "textContent": "폭 :"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "그룹 해제 요소"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "줌 도구"},
-{"id": "zoom", "title": "변경 수준으로 확대"},
+{"id": "zoom_panel", "title": "변경 수준으로 확대"},
 {"id": "zoomLabel", "textContent": "축소:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.lt.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Derinti palyginti ..."},
-{"id": "angle", "title": "Keisti sukimosi kampas"},
+{"id": "tool_angle", "title": "Keisti sukimosi kampas"},
 {"id": "angleLabel", "textContent": "kampas:"},
 {"id": "bkgnd_color", "title": "Pakeisti fono spalvą / drumstumas"},
 {"id": "circle_cx", "title": "Keisti ratas's CX koordinuoti"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Talpinti sluoksnis turinio"},
 {"id": "fit_to_sel", "textContent": "Talpinti atrankos"},
 {"id": "font_family", "title": "Pakeistišriftą Šeima"},
-{"id": "font_size", "title": "Change font size"},
+{"id": "tool_font_size", "title": "Change font size"},
-{"id": "group_opacity", "title": "Pakeisti pasirinkto elemento neskaidrumo"},
+{"id": "tool_opacity", "title": "Pakeisti pasirinkto elemento neskaidrumo"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Spustelėkite norėdami keisti užpildo spalvą, perėjimo spustelėkite pakeisti insultas spalva"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Keisti stačiakampio aukščio"},
+{"id": "rect_height_tool", "title": "Keisti stačiakampio aukščio"},
-{"id": "rect_rx", "title": "Keisti stačiakampis skyrelį Spindulys"},
+{"id": "cornerRadiusLabel", "title": "Keisti stačiakampis skyrelį Spindulys"},
-{"id": "rect_width", "title": "Pakeisti stačiakampio plotis"},
+{"id": "rect_width_tool", "title": "Pakeisti stačiakampio plotis"},
 {"id": "relativeToLabel", "textContent": "palyginti:"},
 {"id": "rheightLabel", "textContent": "Ūgis:"},
 {"id": "rwidthLabel", "textContent": "Plotis:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Išgrupuoti elementai"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Įrankį"},
-{"id": "zoom", "title": "Keisti mastelį"},
+{"id": "zoom_panel", "title": "Keisti mastelį"},
 {"id": "zoomLabel", "textContent": "Padidinti:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.lv.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Līdzināt, salīdzinot ar ..."},
-{"id": "angle", "title": "Mainīt griešanās leņķis"},
+{"id": "tool_angle", "title": "Mainīt griešanās leņķis"},
 {"id": "angleLabel", "textContent": "leņķis:"},
 {"id": "bkgnd_color", "title": "Change background color / necaurredzamība"},
 {"id": "circle_cx", "title": "Maina aplis's CX koordinēt"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Ievietot slānis saturs"},
 {"id": "fit_to_sel", "textContent": "Fit atlases"},
 {"id": "font_family", "title": "Mainīt fonta Family"},
-{"id": "font_size", "title": "Mainīt fonta izmēru"},
+{"id": "tool_font_size", "title": "Mainīt fonta izmēru"},
-{"id": "group_opacity", "title": "Mainīt izvēlēto objektu necaurredzamība"},
+{"id": "tool_opacity", "title": "Mainīt izvēlēto objektu necaurredzamība"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Noklikšķiniet, lai mainītu aizpildījuma krāsu, shift-click to mainīt stroke krāsa"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Change Taisnstūra augstums"},
+{"id": "rect_height_tool", "title": "Change Taisnstūra augstums"},
-{"id": "rect_rx", "title": "Maina Taisnstūris Corner Rādiuss"},
+{"id": "cornerRadiusLabel", "title": "Maina Taisnstūris Corner Rādiuss"},
-{"id": "rect_width", "title": "Change taisnstūra platums"},
+{"id": "rect_width_tool", "title": "Change taisnstūra platums"},
 {"id": "relativeToLabel", "textContent": "salīdzinājumā ar:"},
 {"id": "rheightLabel", "textContent": "augstums:"},
 {"id": "rwidthLabel", "textContent": "platums:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Atgrupēt Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Pārmaiņu mērogu"},
+{"id": "zoom_panel", "title": "Pārmaiņu mērogu"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.mk.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Порамни во поглед на ..."},
-{"id": "angle", "title": "Change ротација агол"},
+{"id": "tool_angle", "title": "Change ротација агол"},
 {"id": "angleLabel", "textContent": "агол:"},
 {"id": "bkgnd_color", "title": "Смени позадина / непроѕирноста"},
 {"id": "circle_cx", "title": "Промена круг на cx координира"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Способен да слој содржина"},
 {"id": "fit_to_sel", "textContent": "Способен да селекција"},
 {"id": "font_family", "title": "Смени фонт Фамилија"},
-{"id": "font_size", "title": "Изменифонт Големина"},
+{"id": "tool_font_size", "title": "Изменифонт Големина"},
-{"id": "group_opacity", "title": "Промена избрани ставка непроѕирноста"},
+{"id": "tool_opacity", "title": "Промена избрани ставка непроѕирноста"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Кликни за да внесете промени бојата, промена клик да се промени бојата удар"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Промена правоаголник височина"},
+{"id": "rect_height_tool", "title": "Промена правоаголник височина"},
-{"id": "rect_rx", "title": "Промена правоаголник Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Промена правоаголник Corner Radius"},
-{"id": "rect_width", "title": "Промена правоаголник Ширина"},
+{"id": "rect_width_tool", "title": "Промена правоаголник Ширина"},
 {"id": "relativeToLabel", "textContent": "во поглед на:"},
 {"id": "rheightLabel", "textContent": "висина:"},
 {"id": "rwidthLabel", "textContent": "Ширина:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Елементи"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Алатка за зумирање"},
-{"id": "zoom", "title": "Промена зум ниво"},
+{"id": "zoom_panel", "title": "Промена зум ниво"},
 {"id": "zoomLabel", "textContent": "зум:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.ms.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Rata relatif ..."},
-{"id": "angle", "title": "Namakan sudut putaran"},
+{"id": "tool_angle", "title": "Namakan sudut putaran"},
 {"id": "angleLabel", "textContent": "sudut:"},
 {"id": "bkgnd_color", "title": "Mengubah warna latar belakang / keburaman"},
 {"id": "circle_cx", "title": "Mengubah koordinat bulatan cx"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Muat kandungan lapisan"},
 {"id": "fit_to_sel", "textContent": "Fit seleksi"},
 {"id": "font_family", "title": "Tukar Font Keluarga"},
-{"id": "font_size", "title": "Ubah Saiz Font"},
+{"id": "tool_font_size", "title": "Ubah Saiz Font"},
-{"id": "group_opacity", "title": "Mengubah item yang dipilih keburaman"},
+{"id": "tool_opacity", "title": "Mengubah item yang dipilih keburaman"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klik untuk menukar warna mengisi, shift-klik untuk menukar warna stroke"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Perubahan quality persegi panjang"},
+{"id": "rect_height_tool", "title": "Perubahan quality persegi panjang"},
-{"id": "rect_rx", "title": "Tukar Corner Rectangle Radius"},
+{"id": "cornerRadiusLabel", "title": "Tukar Corner Rectangle Radius"},
-{"id": "rect_width", "title": "Tukar persegi panjang lebar"},
+{"id": "rect_width_tool", "title": "Tukar persegi panjang lebar"},
 {"id": "relativeToLabel", "textContent": "relatif:"},
 {"id": "rheightLabel", "textContent": "height:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elemen"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Mengubah peringkat pembesaran"},
+{"id": "zoom_panel", "title": "Mengubah peringkat pembesaran"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.mt.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Jallinjaw relattiv għall - ..."},
-{"id": "angle", "title": "Angolu ta 'rotazzjoni Bidla"},
+{"id": "tool_angle", "title": "Angolu ta 'rotazzjoni Bidla"},
 {"id": "angleLabel", "textContent": "angolu:"},
 {"id": "bkgnd_color", "title": "Bidla fil-kulur fl-isfond / opaċità"},
 {"id": "circle_cx", "title": "CX ċirku Tibdil jikkoordinaw"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Fit-kontenut ta 'saff għal"},
 {"id": "fit_to_sel", "textContent": "Fit-għażla"},
 {"id": "font_family", "title": "Bidla Font Familja"},
-{"id": "font_size", "title": "Change font size"},
+{"id": "tool_font_size", "title": "Change font size"},
-{"id": "group_opacity", "title": "Bidla magħżula opaċità partita"},
+{"id": "tool_opacity", "title": "Bidla magħżula opaċità partita"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Ikklikkja biex timla l-bidla fil-kulur, ikklikkja-bidla għall-bidla color stroke"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Għoli rettangolu Bidla"},
+{"id": "rect_height_tool", "title": "Għoli rettangolu Bidla"},
-{"id": "rect_rx", "title": "Bidla Rectangle Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Bidla Rectangle Corner Radius"},
-{"id": "rect_width", "title": "Wisa 'rettangolu Bidla"},
+{"id": "rect_width_tool", "title": "Wisa 'rettangolu Bidla"},
 {"id": "relativeToLabel", "textContent": "relattiv għall -:"},
 {"id": "rheightLabel", "textContent": "għoli:"},
 {"id": "rwidthLabel", "textContent": "wisa ':"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Bidla zoom livell"},
+{"id": "zoom_panel", "title": "Bidla zoom livell"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.nl.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Uitlijnen relatief ten opzichte van ..."},
-{"id": "angle", "title": "Draai"},
+{"id": "tool_angle", "title": "Draai"},
 {"id": "angleLabel", "textContent": "Hoek:"},
 {"id": "bkgnd_color", "title": "Verander achtergrond kleur/doorzichtigheid"},
 {"id": "circle_cx", "title": "Verander het X coordinaat van het cirkel middelpunt"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Pas om laag inhoud"},
 {"id": "fit_to_sel", "textContent": "Pas om selectie"},
 {"id": "font_family", "title": "Verander lettertype"},
-{"id": "font_size", "title": "Verander lettertype grootte"},
+{"id": "tool_font_size", "title": "Verander lettertype grootte"},
-{"id": "group_opacity", "title": "Verander opaciteit geselecteerde item"},
+{"id": "tool_opacity", "title": "Verander opaciteit geselecteerde item"},
 {"id": "icon_large", "textContent": "Groot"},
 {"id": "icon_medium", "textContent": "Gemiddeld"},
 {"id": "icon_small", "textContent": "Klein"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klik om de vul kleur te veranderen, shift-klik om de lijn kleur te veranderen"},
 {"id": "path_node_x", "title": "Verander X coordinaat knooppunt"},
 {"id": "path_node_y", "title": "Verander Y coordinaat knooppunt"},
-{"id": "rect_height", "title": "Verander hoogte rechthoek"},
+{"id": "rect_height_tool", "title": "Verander hoogte rechthoek"},
-{"id": "rect_rx", "title": "Verander hoekradius rechthoek"},
+{"id": "cornerRadiusLabel", "title": "Verander hoekradius rechthoek"},
-{"id": "rect_width", "title": "Verander breedte rechthoek"},
+{"id": "rect_width_tool", "title": "Verander breedte rechthoek"},
 {"id": "relativeToLabel", "textContent": "Relatief ten opzichte van:"},
 {"id": "rheightLabel", "textContent": "Hoogte:"},
 {"id": "rwidthLabel", "textContent": "Breedte:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Groepering opheffen"},
 {"id": "tool_wireframe", "title": "Draadmodel"},
 {"id": "tool_zoom", "title": "Zoom"},
-{"id": "zoom", "title": "In-/uitzoomen"},
+{"id": "zoom_panel", "title": "In-/uitzoomen"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a g e n", "title": "Sleep naar links/rechts om het zijpaneel te vergroten/verkleinen"},
 {

public/svg-edit/editor/locale/lang.no.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Juster i forhold til ..."},
-{"id": "angle", "title": "Endre rotasjonsvinkelen"},
+{"id": "tool_angle", "title": "Endre rotasjonsvinkelen"},
 {"id": "angleLabel", "textContent": "vinkel:"},
 {"id": "bkgnd_color", "title": "Endre bakgrunnsfarge / opacity"},
 {"id": "circle_cx", "title": "Endre sirkelens CX koordinatsystem"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Fit to lag innhold"},
 {"id": "fit_to_sel", "textContent": "Tilpass til valg"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "font_size", "title": "Endre skriftstørrelse"},
+{"id": "tool_font_size", "title": "Endre skriftstørrelse"},
-{"id": "group_opacity", "title": "Endre valgte elementet opasitet"},
+{"id": "tool_opacity", "title": "Endre valgte elementet opasitet"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Click å endre fyllfarge, shift-klikke for å endre slag farge"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Endre rektangel høyde"},
+{"id": "rect_height_tool", "title": "Endre rektangel høyde"},
-{"id": "rect_rx", "title": "Endre rektangel Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Endre rektangel Corner Radius"},
-{"id": "rect_width", "title": "Endre rektangel bredde"},
+{"id": "rect_width_tool", "title": "Endre rektangel bredde"},
 {"id": "relativeToLabel", "textContent": "i forhold til:"},
 {"id": "rheightLabel", "textContent": "høyde:"},
 {"id": "rwidthLabel", "textContent": "Bredde:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Dele opp Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Endre zoomnivå"},
+{"id": "zoom_panel", "title": "Endre zoomnivå"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.pl.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Dostosowanie w stosunku do ..."},
-{"id": "angle", "title": "Zmiana kąta obrotu"},
+{"id": "tool_angle", "title": "Zmiana kąta obrotu"},
 {"id": "angleLabel", "textContent": "kąt:"},
 {"id": "bkgnd_color", "title": "Zmień kolor tła / opacity"},
 {"id": "circle_cx", "title": "Zmiana koła CX koordynacji"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Dopasuj do zawartości warstwy"},
 {"id": "fit_to_sel", "textContent": "Dopasuj do wyboru"},
 {"id": "font_family", "title": "Zmiana czcionki Rodzina"},
-{"id": "font_size", "title": "Zmień rozmiar czcionki"},
+{"id": "tool_font_size", "title": "Zmień rozmiar czcionki"},
-{"id": "group_opacity", "title": "Zmiana stron przezroczystość elementu"},
+{"id": "tool_opacity", "title": "Zmiana stron przezroczystość elementu"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Kliknij, aby zmienić kolor wypełnienia, shift kliknij, aby zmienić kolor skok"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Zmiana wysokości prostokąta"},
+{"id": "rect_height_tool", "title": "Zmiana wysokości prostokąta"},
-{"id": "rect_rx", "title": "Zmiana prostokąt Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Zmiana prostokąt Corner Radius"},
-{"id": "rect_width", "title": "Szerokość prostokąta Zmień"},
+{"id": "rect_width_tool", "title": "Szerokość prostokąta Zmień"},
 {"id": "relativeToLabel", "textContent": "w stosunku do:"},
 {"id": "rheightLabel", "textContent": "Wysokość:"},
 {"id": "rwidthLabel", "textContent": "szerokość:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Elementy Rozgrupuj"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Zmiana poziomu powiększenia"},
+{"id": "zoom_panel", "title": "Zmiana poziomu powiększenia"},
 {"id": "zoomLabel", "textContent": "Zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.pt-PT.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Alinhar em relação a ..."},
-{"id": "angle", "title": "Alterar o ângulo de rotação"},
+{"id": "tool_angle", "title": "Alterar o ângulo de rotação"},
 {"id": "angleLabel", "textContent": "ângulo:"},
 {"id": "bkgnd_color", "title": "Mudar a cor de fundo / opacidade"},
 {"id": "circle_cx", "title": "Cx Mudar círculo de coordenadas"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Ajustar o conteúdo da camada de"},
 {"id": "fit_to_sel", "textContent": "Ajustar à selecção"},
 {"id": "font_family", "title": "Alterar fonte Família"},
-{"id": "font_size", "title": "Alterar tamanho de letra"},
+{"id": "tool_font_size", "title": "Alterar tamanho de letra"},
-{"id": "group_opacity", "title": "Mude a opacidade item selecionado"},
+{"id": "tool_opacity", "title": "Mude a opacidade item selecionado"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Clique para mudar a cor de preenchimento, shift-clique para mudar a cor do curso"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Alterar altura do retângulo"},
+{"id": "rect_height_tool", "title": "Alterar altura do retângulo"},
-{"id": "rect_rx", "title": "Alterar Corner Rectangle Radius"},
+{"id": "cornerRadiusLabel", "title": "Alterar Corner Rectangle Radius"},
-{"id": "rect_width", "title": "Alterar a largura retângulo"},
+{"id": "rect_width_tool", "title": "Alterar a largura retângulo"},
 {"id": "relativeToLabel", "textContent": "em relação ao:"},
 {"id": "rheightLabel", "textContent": "height:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Elementos Desagrupar"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Alterar o nível de zoom"},
+{"id": "zoom_panel", "title": "Alterar o nível de zoom"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.ro.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Alinierea în raport cu ..."},
-{"id": "angle", "title": "Schimbarea unghiul de rotatie"},
+{"id": "tool_angle", "title": "Schimbarea unghiul de rotatie"},
 {"id": "angleLabel", "textContent": "Unghi:"},
 {"id": "bkgnd_color", "title": "Schimbare culoare de fundal / opacitate"},
 {"id": "circle_cx", "title": "Schimbarea coordonatei CX a cercului"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Potrivire la conţinutul stratului"},
 {"id": "fit_to_sel", "textContent": "Potrivire la selecţie"},
 {"id": "font_family", "title": "Modificare familie de Fonturi"},
-{"id": "font_size", "title": "Schimbă dimensiunea fontului"},
+{"id": "tool_font_size", "title": "Schimbă dimensiunea fontului"},
-{"id": "group_opacity", "title": "Schimbarea selectat opacitate element"},
+{"id": "tool_opacity", "title": "Schimbarea selectat opacitate element"},
 {"id": "icon_large", "textContent": "Mari"},
 {"id": "icon_medium", "textContent": "Medii"},
 {"id": "icon_small", "textContent": "Mici"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Faceţi clic a schimba culoare de umplere, Shift-click pentru a schimba culoarea de contur"},
 {"id": "path_node_x", "title": "Schimba coordonata x a punctului"},
 {"id": "path_node_y", "title": "Schimba coordonata x a punctului"},
-{"id": "rect_height", "title": "Schimbarea înălţimii dreptunghiului"},
+{"id": "rect_height_tool", "title": "Schimbarea înălţimii dreptunghiului"},
-{"id": "rect_rx", "title": "Schimbarea Razei Colţului Dreptunghiului"},
+{"id": "cornerRadiusLabel", "title": "Schimbarea Razei Colţului Dreptunghiului"},
-{"id": "rect_width", "title": "Schimbarea lăţimii dreptunghiului"},
+{"id": "rect_width_tool", "title": "Schimbarea lăţimii dreptunghiului"},
 {"id": "relativeToLabel", "textContent": "în raport cu:"},
 {"id": "rheightLabel", "textContent": "înălţime:"},
 {"id": "rwidthLabel", "textContent": "lăţime:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Anulare Grupare Elemente"},
 {"id": "tool_wireframe", "title": "Mod Schelet"},
 {"id": "tool_zoom", "title": "Unealta de Zoom"},
-{"id": "zoom", "title": "Schimbarea nivelului de zoom"},
+{"id": "zoom_panel", "title": "Schimbarea nivelului de zoom"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "S t r a t u r i", "title": "Trage stanga/dreapta pentru redimensionare  panou lateral"},
 {

public/svg-edit/editor/locale/lang.ru.js

@@ -1,158 +1,158 @@
 [
-{"id":"layer_new","title":"Создать слой"},
-{"id":"layer_delete","title":"Удалить слой"},
-{"id":"layer_rename","title":"Переименовать Слой"},
-{"id":"layer_up","title":"Поднять слой"}, 
-{"id":"layer_down","title":"Опустить слой"},
-{"id":"tool_clear","textContent":"Создать изображение"},
-{"id":"tool_open","textContent":"Открыть изображение"},
-{"id":"tool_save","textContent":"Сохранить изображение"},
-{"id":"tool_docprops","textContent":"Свойства документа"},
-{"id":"tool_source","title":"Редактировать исходный код"}, 
-{"id":"tool_undo","title":"Отменить"},
-{"id":"tool_redo","title":"Вернуть"},
-{"id":"tool_clone","title":"Создать копию элемента"},
-{"id":"tool_delete","title":"Удалить элемент"},
-{"id":"tool_move_top","title":"Поднять"}, 
-{"id":"tool_move_bottom","title":"Опустить"}, 
-{"id":"group_opacity","title":"Изменить непрозрачность элемента"},
-{"id":"angle","title":"Изменить угол поворота"},
-{"id":"tool_clone_multi","title":"Создать копию элементов"},
-{"id":"tool_delete_multi","title":"Удалить выбранные элементы"},
-{"id":"tool_alignleft","title":"По левому краю"},
-{"id":"tool_aligncenter","title":"Центрировать по вертикальной оси"}, 
-{"id":"tool_alignright","title":"По правому краю"},
-{"id":"tool_aligntop","title":"Выровнять по верхнему краю"},
-{"id":"tool_alignmiddle","title":"Центрировать по горизонтальной оси"},
-{"id":"tool_alignbottom","title":"Выровнять по нижнему краю"},
 {"id": "align_relative_to", "title": "Выровнять по отношению к ..."},
-{"id":"tool_group","title":"Создать группу элементов"},
+{"id": "tool_angle", "title": "Изменить угол поворота"},
-{"id":"tool_ungroup","title":"Разгруппировать элементы"},
+{"id": "angleLabel", "textContent": "Угол:"},
-{"id":"rect_width","title":"Измененить ширину прямоугольника"},
+{"id": "bkgnd_color", "title": "Изменить цвет фона или прозрачность"},
-{"id":"rect_height","title":"Изменениe высоту прямоугольника"},
-{"id":"rect_rx","title":"Изменить радиус скругления углов прямоугольника"}, 
-{"id":"image_width","title":"Изменить ширину изображения"},
-{"id":"image_height","title":"Изменить высоту изображения"},
-{"id":"image_url","title":"Изменить URL"},
 {"id": "circle_cx", "title": "Изменить горизонтальный координат (CX) окружности"},
 {"id": "circle_cy", "title": "Изменить вертикальный координат (CY) окружности"},
 {"id": "circle_r", "title": "Изменить радиус окружности"},
+{"id": "cornerRadiusLabel", "textContent": "Радиус закругленности угла"},
+{"id": "curve_segments", "textContent": "Сплайн"},
 {"id": "ellipse_cx", "title": "Изменить горизонтальный координат (CX) эллипса"},
 {"id": "ellipse_cy", "title": "Изменить вертикальный координат (CY) эллипса"},
 {"id": "ellipse_rx", "title": "Изменить горизонтальный радиус эллипса"},
 {"id": "ellipse_ry", "title": "Изменить вертикальный радиус эллипса"},
-{"id":"line_x1","title":"Изменить горизонтальный координат X начальной точки линии"},
-{"id":"line_y1","title":"Изменить вертикальный координат Y начальной точки линии"},
-{"id":"line_x2","title":"Изменить горизонтальный координат X конечной точки линии"},
-{"id":"line_y2","title":"Изменить вертикальный координат Y конечной точки линии"},
-{"id":"tool_bold","title":"Жирный"},
-{"id":"tool_italic","title":"Курсив"},
-{"id":"font_family","title":"Изменить семейство шрифтов"},
-{"id":"font_size","title":"Изменить размер шрифта"},
-{"id":"text","title":"Изменить содержание текста"},
-{"id":"tool_select","title":"Выделить"},
-{"id":"tool_fhpath","title":"Карандаш"},
-{"id":"tool_line","title":"Линия"},
-{"id":"tools_rect_show","title":"Прямоугольник / квадрат"},
-{"id":"tools_ellipse_show","title":"Эллипс / окружность"},
-{"id":"tool_text","title":"Текст"},
-{"id":"tool_path","title":"Контуры"},
-{"id":"tool_image","title":"Изображение"},
-{"id":"tool_zoom","title":"Лупа"},
-{"id":"zoom","title":"Изменить масштаб"},
 {"id": "fill_color", "title": "Изменить цвет заливки"},
-{"id":"stroke_color","title":"Изменить цвет обводки"},
+{"id": "fill_tool_bottom", "textContent": "Заливка:"},
-{"id":"stroke_width","title":"Изменить толщину обводки"},
-{"id":"stroke_style","title":"Изменить стиль обводки"},
-{"id":"palette","title":"Нажмите для изменения цвета заливки, Shift-Click изменить цвета обводки"},
-{"id":"tool_square","title":"Квадрат"},
-{"id":"tool_rect","title":"Прямоугольник"},
-{"id":"tool_fhrect","title":"Прямоугольник от руки"},
-{"id":"tool_circle","title":"Окружность"},
-{"id":"tool_ellipse","title":"Эллипс"},
-{"id":"tool_fhellipse","title":"Эллипс от руки"},
-{"id":"bkgnd_color","title":"Изменить цвет фона или прозрачность"},
-{"id":"rwidthLabel","textContent":"Ширина:"},
-{"id":"rheightLabel","textContent":"Высота:"},
-{"id":"cornerRadiusLabel","textContent":"Радиус закругленности угла"},
-{"id":"iwidthLabel","textContent":"Ширина:"},
-{"id":"iheightLabel","textContent":"Высота:"},
-{"id":"svginfo_width","textContent":"Ширина:"},
-{"id":"svginfo_height","textContent":"Высота:"},
-{"id":"angleLabel","textContent":"Угол:"},
-{"id":"relativeToLabel","textContent":"По отношению к "},
-{"id":"zoomLabel","textContent":"Масштаб:"},
-{"id":"layersLabel","textContent":"Слои:"},
-{"id":"selectedPredefined","textContent":"Выбирать предопределенный размер"},
 {"id": "fitToContent", "textContent": "Под размер содержимого"},
-{"id":"tool_source_save","textContent":"Сохранить"},
-{"id":"tool_docprops_save","textContent":"Сохранить"},
-{"id":"tool_docprops_cancel","textContent":"Отменить"},
-{"id":"tool_source_cancel","textContent":"Отменить"},
 {"id": "fit_to_all", "textContent": "Под размер всех слоев"},
+{"id": "fit_to_canvas", "textContent": "Под размер холста"},
 {"id": "fit_to_layer_content", "textContent": "Под размер содержания слоя"},
 {"id": "fit_to_sel", "textContent": "Под размер выделенного"},
-{"id":"fit_to_canvas","textContent":"Под размер холста"},
+{"id": "font_family", "title": "Изменить семейство шрифтов"},
-{"id":"selected_objects","textContent":"Выделенные объекты"},
+{"id": "tool_font_size", "title": "Изменить размер шрифта"},
-{"id":"largest_object","textContent":"Наибольший объект"},
+{"id": "tool_opacity", "title": "Изменить непрозрачность элемента"},
-{"id":"smallest_object","textContent":"Самый маленький объект"},
+{"id": "icon_large", "textContent": "Большие"},
-{"id":"page","textContent":"страница"},
+{"id": "icon_medium", "textContent": "Средние"},
-{"id":"fill_tool_bottom","textContent":"Заливка:"},
+{"id": "icon_small", "textContent": "Малые"},
-{"id":"stroke_tool_bottom","textContent":"Обводка:"},
+{"id": "icon_xlarge", "textContent": "Огромные"},
-{"id":"path_node_x","title":"Изменить горизонтальную координату узла"},
+{"id": "iheightLabel", "textContent": "Высота:"},
-{"id":"path_node_y","title":"Изменить вертикальную координату узла"},
+{"id": "image_height", "title": "Изменить высоту изображения"},
-{"id":"seg_type","title":"Изменить вид"},
-{"id":"straight_segments","textContent":"Отрезок"},
-{"id":"curve_segments","textContent":"Сплайн"},
-{"id":"tool_node_clone","title":"Создать копию узла"},
-{"id":"tool_node_delete","title":"Удалить узел"},
-{"id":"selLayerLabel","textContent":"Переместить выделенные элементы:"},
-{"id":"selLayerNames","title":"Переместить выделенные элементы на другой слой"},
-{"id":"sidepanel_handle","title":"Перетащить налево или направо","textContent":"С л о и"},
-{"id":"tool_wireframe","title":"Каркас"},
-{"id":"svginfo_image_props","textContent":"Свойства изображения"},
-{"id":"svginfo_title","textContent":"Название"},
-{"id":"svginfo_dim","textContent":"Размеры холста"},
-{"id":"includedImages","textContent":"Встроенные изображения"},
 {"id": "image_opt_embed", "textContent": "Локальные файлы"},
 {"id": "image_opt_ref", "textContent": "По ссылкам"},
-{"id":"svginfo_editor_prefs","textContent":"Параметры"},
+{"id": "image_url", "title": "Изменить URL"},
-{"id":"svginfo_lang","textContent":"Язык"},
+{"id": "image_width", "title": "Изменить ширину изображения"},
-{"id":"svginfo_change_background","textContent":"Фон"},
+{"id": "includedImages", "textContent": "Встроенные изображения"},
-{"id":"svginfo_bg_note","textContent":"(Фон не сохранится вместе с изображением.)"},
+{"id": "iwidthLabel", "textContent": "Ширина:"},
-{"id":"svginfo_icons","textContent":"Размер значков"},
+{"id": "largest_object", "textContent": "Наибольший объект"},
-{"id":"icon_small","textContent":"Малые"},
+{"id": "layer_delete", "title": "Удалить слой"},
-{"id":"icon_medium","textContent":"Средние"},
+{"id": "layer_down", "title": "Опустить слой"},
-{"id":"icon_large","textContent":"Большие"},
+{"id": "layer_new", "title": "Создать слой"},
-{"id":"icon_xlarge","textContent":"Огромные"},
+{"id": "layer_rename", "title": "Переименовать Слой"},
+{"id": "layer_up", "title": "Поднять слой"},
+{"id": "layersLabel", "textContent": "Слои:"},
+{"id": "line_x1", "title": "Изменить горизонтальный координат X начальной точки линии"},
+{"id": "line_x2", "title": "Изменить горизонтальный координат X конечной точки линии"},
+{"id": "line_y1", "title": "Изменить вертикальный координат Y начальной точки линии"},
+{"id": "line_y2", "title": "Изменить вертикальный координат Y конечной точки линии"},
+{"id": "page", "textContent": "страница"},
+{"id": "palette", "title": "Нажмите для изменения цвета заливки, Shift-Click изменить цвета обводки"},
+{"id": "path_node_x", "title": "Изменить горизонтальную координату узла"},
+{"id": "path_node_y", "title": "Изменить вертикальную координату узла"},
+{"id": "rect_height_tool", "title": "Изменениe высоту прямоугольника"},
+{"id": "cornerRadiusLabel", "title": "Изменить радиус скругления углов прямоугольника"},
+{"id": "rect_width_tool", "title": "Измененить ширину прямоугольника"},
+{"id": "relativeToLabel", "textContent": "По отношению к "},
+{"id": "rheightLabel", "textContent": "Высота:"},
+{"id": "rwidthLabel", "textContent": "Ширина:"},
+{"id": "seg_type", "title": "Изменить вид"},
+{"id": "selLayerLabel", "textContent": "Переместить выделенные элементы:"},
+{"id": "selLayerNames", "title": "Переместить выделенные элементы на другой слой"},
+{"id": "selectedPredefined", "textContent": "Выбирать предопределенный размер"},
+{"id": "selected_objects", "textContent": "Выделенные объекты"},
 {"id": "selected_x", "title": "Изменить горизонтальный координат"},
 {"id": "selected_y", "title": "Изменить вертикальный координат"},
-{"id":"tool_topath","title":"В контур"},
+{"id": "smallest_object", "textContent": "Самый маленький объект"},
-{"id":"tool_reorient","title":"Изменить ориентацию контура"},
+{"id": "straight_segments", "textContent": "Отрезок"},
+{"id": "stroke_color", "title": "Изменить цвет обводки"},
+{"id": "stroke_style", "title": "Изменить стиль обводки"},
+{"id": "stroke_tool_bottom", "textContent": "Обводка:"},
+{"id": "stroke_width", "title": "Изменить толщину обводки"},
+{"id": "svginfo_bg_note", "textContent": "(Фон не сохранится вместе с изображением.)"},
+{"id": "svginfo_change_background", "textContent": "Фон"},
+{"id": "svginfo_dim", "textContent": "Размеры холста"},
+{"id": "svginfo_editor_prefs", "textContent": "Параметры"},
+{"id": "svginfo_height", "textContent": "Высота:"},
+{"id": "svginfo_icons", "textContent": "Размер значков"},
+{"id": "svginfo_image_props", "textContent": "Свойства изображения"},
+{"id": "svginfo_lang", "textContent": "Язык"},
+{"id": "svginfo_title", "textContent": "Название"},
+{"id": "svginfo_width", "textContent": "Ширина:"},
+{"id": "text", "title": "Изменить содержание текста"},
+{"id": "tool_alignbottom", "title": "Выровнять по нижнему краю"},
+{"id": "tool_aligncenter", "title": "Центрировать по вертикальной оси"},
+{"id": "tool_alignleft", "title": "По левому краю"},
+{"id": "tool_alignmiddle", "title": "Центрировать по горизонтальной оси"},
+{"id": "tool_alignright", "title": "По правому краю"},
+{"id": "tool_aligntop", "title": "Выровнять по верхнему краю"},
+{"id": "tool_bold", "title": "Жирный"},
+{"id": "tool_circle", "title": "Окружность"},
+{"id": "tool_clear", "textContent": "Создать изображение"},
+{"id": "tool_clone", "title": "Создать копию элемента"},
+{"id": "tool_clone_multi", "title": "Создать копию элементов"},
+{"id": "tool_delete", "title": "Удалить элемент"},
+{"id": "tool_delete_multi", "title": "Удалить выбранные элементы"},
+{"id": "tool_docprops", "textContent": "Свойства документа"},
+{"id": "tool_docprops_cancel", "textContent": "Отменить"},
+{"id": "tool_docprops_save", "textContent": "Сохранить"},
+{"id": "tool_ellipse", "title": "Эллипс"},
+{"id": "tool_fhellipse", "title": "Эллипс от руки"},
+{"id": "tool_fhpath", "title": "Карандаш"},
+{"id": "tool_fhrect", "title": "Прямоугольник от руки"},
+{"id": "tool_group", "title": "Создать группу элементов"},
+{"id": "tool_image", "title": "Изображение"},
+{"id": "tool_italic", "title": "Курсив"},
+{"id": "tool_line", "title": "Линия"},
+{"id": "tool_move_bottom", "title": "Опустить"},
+{"id": "tool_move_top", "title": "Поднять"},
+{"id": "tool_node_clone", "title": "Создать копию узла"},
+{"id": "tool_node_delete", "title": "Удалить узел"},
 {"id": "tool_node_link", "title": "Связать узлы"},
+{"id": "tool_open", "textContent": "Открыть изображение"},
+{"id": "tool_path", "title": "Контуры"},
+{"id": "tool_rect", "title": "Прямоугольник"},
+{"id": "tool_redo", "title": "Вернуть"},
+{"id": "tool_reorient", "title": "Изменить ориентацию контура"},
+{"id": "tool_save", "textContent": "Сохранить изображение"},
+{"id": "tool_select", "title": "Выделить"},
+{"id": "tool_source", "title": "Редактировать исходный код"},
+{"id": "tool_source_cancel", "textContent": "Отменить"},
+{"id": "tool_source_save", "textContent": "Сохранить"},
+{"id": "tool_square", "title": "Квадрат"},
+{"id": "tool_text", "title": "Текст"},
+{"id": "tool_topath", "title": "В контур"},
+{"id": "tool_undo", "title": "Отменить"},
+{"id": "tool_ungroup", "title": "Разгруппировать элементы"},
+{"id": "tool_wireframe", "title": "Каркас"},
+{"id": "tool_zoom", "title": "Лупа"},
+{"id": "tools_ellipse_show", "title": "Эллипс / окружность"},
+{"id": "tools_rect_show", "title": "Прямоугольник / квадрат"},
+{"id": "zoom_panel", "title": "Изменить масштаб"},
+{"id": "zoomLabel", "textContent": "Масштаб:"},
+{"id": "sidepanel_handle", "textContent": "С л о и", "title": "Перетащить налево или направо"},
 {
  "js_strings": {
-  "invalidAttrValGiven":"Некорректное значение аргумента",
-  "noContentToFitTo":"Нет содержания, по которому выровнять.",
-  "layer":"Слой",
-  "dupeLayerName":"Слой с этим именем уже существует.",
-  "enterUniqueLayerName":"Пожалуйста, введите имя для слоя.",
-  "enterNewLayerName":"Пожалуйста, введите новое имя.",
-  "layerHasThatName":"Слой уже называется этим именем.",
-  "QmoveElemsToLayer":"Переместить выделенные элементы на слой '%s'?",
-  "QwantToClear":"Вы хотите очистить?\nИстория действий будет забыта!",
   "QerrorsRevertToSource": "Была проблема при парсинге вашего SVG исходного кода.\nЗаменить его предыдущим SVG кодом?", 
   "QignoreSourceChanges": "Забыть без сохранения?", 
-  "featNotSupported":"Возможность не реализована",
+  "QmoveElemsToLayer": "Переместить выделенные элементы на слой '%s'?", 
-  "enterNewImgURL":"Введите новый URL изображения",
+  "QwantToClear": "Вы хотите очистить?\nИстория действий будет забыта!", 
-  "ok":"OK",
   "cancel": "Отменить", 
-  "pathNodeTooltip":"Потащите узел. Чтобы изменить вид отрезка, сделайте двойной щелчок.",
+  "dupeLayerName": "Слой с этим именем уже существует.", 
-  "pathCtrlPtTooltip":"Перетащите для изменения свойвст кривой",
+  "enterNewImgURL": "Введите новый URL изображения", 
-  "key_up":"Вверх",
+  "enterNewLayerName": "Пожалуйста, введите новое имя.", 
-  "key_down":"Вниз",
+  "enterUniqueLayerName": "Пожалуйста, введите имя для слоя.", 
+  "featNotSupported": "Возможность не реализована", 
+  "invalidAttrValGiven": "Некорректное значение аргумента", 
   "key_backspace": "Backspace", 
-  "key_del":"Delete"
+  "key_del": "Delete", 
+  "key_down": "Вниз", 
+  "key_up": "Вверх", 
+  "layer": "Слой", 
+  "layerHasThatName": "Слой уже называется этим именем.", 
+  "noContentToFitTo": "Нет содержания, по которому выровнять.", 
+  "ok": "OK", 
+  "pathCtrlPtTooltip": "Перетащите для изменения свойвст кривой", 
+  "pathNodeTooltip": "Потащите узел. Чтобы изменить вид отрезка, сделайте двойной щелчок."
  }
 }
 ]

public/svg-edit/editor/locale/lang.sk.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Zarovnať relatívne k ..."},
-{"id": "angle", "title": "Zmeniť uhol natočenia"},
+{"id": "tool_angle", "title": "Zmeniť uhol natočenia"},
 {"id": "angleLabel", "textContent": "uhol:"},
 {"id": "bkgnd_color", "title": "Zmeniť farbu a priehľadnosť pozadia"},
 {"id": "circle_cx", "title": "Zmeniť súradnicu X stredu kružnice"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Prispôsobiť obsahu vrstvy"},
 {"id": "fit_to_sel", "textContent": "Prispôsobiť výberu"},
 {"id": "font_family", "title": "Zmeniť font"},
-{"id": "font_size", "title": "Zmeniť veľkosť písma"},
+{"id": "tool_font_size", "title": "Zmeniť veľkosť písma"},
-{"id": "group_opacity", "title": "Zmeniť prehľadnosť vybraných položiek"},
+{"id": "tool_opacity", "title": "Zmeniť prehľadnosť vybraných položiek"},
 {"id": "icon_large", "textContent": "Veľká"},
 {"id": "icon_medium", "textContent": "Stredná"},
 {"id": "icon_small", "textContent": "Malá"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Kliknutím zmeníte farbu výplne, so Shiftom zmeníte farbu obrysu"},
 {"id": "path_node_x", "title": "Zmeniť uzlu súradnicu X"},
 {"id": "path_node_y", "title": "Zmeniť uzlu súradnicu Y"},
-{"id": "rect_height", "title": "Zmena výšku obdĺžnika"},
+{"id": "rect_height_tool", "title": "Zmena výšku obdĺžnika"},
-{"id": "rect_rx", "title": "Zmeniť zaoblenie rohov obdĺžnika"},
+{"id": "cornerRadiusLabel", "title": "Zmeniť zaoblenie rohov obdĺžnika"},
-{"id": "rect_width", "title": "Zmeniť šírku obdĺžnika"},
+{"id": "rect_width_tool", "title": "Zmeniť šírku obdĺžnika"},
 {"id": "relativeToLabel", "textContent": "vzhľadom k:"},
 {"id": "rheightLabel", "textContent": "výška:"},
 {"id": "rwidthLabel", "textContent": "šírka:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Zrušiť skupinu"},
 {"id": "tool_wireframe", "title": "Drôtový model"},
 {"id": "tool_zoom", "title": "Priblíženie"},
-{"id": "zoom", "title": "Zmena priblíženia"},
+{"id": "zoom_panel", "title": "Zmena priblíženia"},
 {"id": "zoomLabel", "textContent": "priblíženie:"},
 {"id": "sidepanel_handle", "textContent": "V r s t v y", "title": "Ťahajte vľavo/vpravo na zmenu veľkosti"},
 {

public/svg-edit/editor/locale/lang.sl.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Poravnaj glede na ..."},
-{"id": "angle", "title": "Sprememba kota rotacije"},
+{"id": "tool_angle", "title": "Sprememba kota rotacije"},
 {"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Spreminjanje barve ozadja / motnosti"},
 {"id": "circle_cx", "title": "Spremeni krog's CX usklajujejo"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Fit na plast vsebine"},
 {"id": "fit_to_sel", "textContent": "Fit za izbor"},
 {"id": "font_family", "title": "Change Font Family"},
-{"id": "font_size", "title": "Spremeni velikost pisave"},
+{"id": "tool_font_size", "title": "Spremeni velikost pisave"},
-{"id": "group_opacity", "title": "Spremeni izbran predmet motnosti"},
+{"id": "tool_opacity", "title": "Spremeni izbran predmet motnosti"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Kliknite, če želite spremeniti barvo polnila, premik miške kliknite spremeniti barvo kap"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Spremeni pravokotniku višine"},
+{"id": "rect_height_tool", "title": "Spremeni pravokotniku višine"},
-{"id": "rect_rx", "title": "Spremeni Pravokotnik Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Spremeni Pravokotnik Corner Radius"},
-{"id": "rect_width", "title": "Spremeni pravokotnik širine"},
+{"id": "rect_width_tool", "title": "Spremeni pravokotnik širine"},
 {"id": "relativeToLabel", "textContent": "glede na:"},
 {"id": "rheightLabel", "textContent": "višina:"},
 {"id": "rwidthLabel", "textContent": "širina:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Razdruži Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Spreminjanje povečave"},
+{"id": "zoom_panel", "title": "Spreminjanje povečave"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.sq.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Vendose në lidhje me ..."},
-{"id": "angle", "title": "Kënd Ndryshimi rrotullim"},
+{"id": "tool_angle", "title": "Kënd Ndryshimi rrotullim"},
 {"id": "angleLabel", "textContent": "kënd:"},
 {"id": "bkgnd_color", "title": "Change color background / patejdukshmëri"},
 {"id": "circle_cx", "title": "Cx rrethi Ndryshimi i bashkërenduar"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Shtresë Fit to content"},
 {"id": "fit_to_sel", "textContent": "Fit to Selection"},
 {"id": "font_family", "title": "Ndryshimi Font Family"},
-{"id": "font_size", "title": "Ndryshimi Font Size"},
+{"id": "tool_font_size", "title": "Ndryshimi Font Size"},
-{"id": "group_opacity", "title": "Ndryshimi zgjedhur errësirë item"},
+{"id": "tool_opacity", "title": "Ndryshimi zgjedhur errësirë item"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klikoni për të ndryshuar mbushur me ngjyra, shift-klikoni për të ndryshuar ngjyrën pash"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Height Ndryshimi drejtkëndësh"},
+{"id": "rect_height_tool", "title": "Height Ndryshimi drejtkëndësh"},
-{"id": "rect_rx", "title": "Ndryshimi Rectangle Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Ndryshimi Rectangle Corner Radius"},
-{"id": "rect_width", "title": "Width Ndryshimi drejtkëndësh"},
+{"id": "rect_width_tool", "title": "Width Ndryshimi drejtkëndësh"},
 {"id": "relativeToLabel", "textContent": "lidhje me:"},
 {"id": "rheightLabel", "textContent": "Femije:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Elemente Ungroup"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Ndryshimi zoom nivel"},
+{"id": "zoom_panel", "title": "Ndryshimi zoom nivel"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.sr.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Алигн у односу на ..."},
-{"id": "angle", "title": "Промени ротације Угао"},
+{"id": "tool_angle", "title": "Промени ротације Угао"},
 {"id": "angleLabel", "textContent": "Угао:"},
 {"id": "bkgnd_color", "title": "Промена боје позадине / непрозирност"},
 {"id": "circle_cx", "title": "Промена круг'с ЦКС координатни"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Уклопи у слоју садржај"},
 {"id": "fit_to_sel", "textContent": "Уклопи у избор"},
 {"id": "font_family", "title": "Цханге фонт породицу"},
-{"id": "font_size", "title": "Цханге фонт сизе"},
+{"id": "tool_font_size", "title": "Цханге фонт сизе"},
-{"id": "group_opacity", "title": "Промена изабране ставке непрозирност"},
+{"id": "tool_opacity", "title": "Промена изабране ставке непрозирност"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Кликните да бисте променили боју попуне, Схифт-кликните да промените боју удар"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Промени правоугаоник висина"},
+{"id": "rect_height_tool", "title": "Промени правоугаоник висина"},
-{"id": "rect_rx", "title": "Промена правоугаоник Кутак радијуса"},
+{"id": "cornerRadiusLabel", "title": "Промена правоугаоник Кутак радијуса"},
-{"id": "rect_width", "title": "Промени правоугаоник ширине"},
+{"id": "rect_width_tool", "title": "Промени правоугаоник ширине"},
 {"id": "relativeToLabel", "textContent": "у односу на:"},
 {"id": "rheightLabel", "textContent": "Висина:"},
 {"id": "rwidthLabel", "textContent": "Ширина:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Разгрупирање Елементи"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Алатка за зумирање"},
-{"id": "zoom", "title": "Промените ниво зумирања"},
+{"id": "zoom_panel", "title": "Промените ниво зумирања"},
 {"id": "zoomLabel", "textContent": "зум:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.sv.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Justera förhållande till ..."},
-{"id": "angle", "title": "Ändra rotationsvinkel"},
+{"id": "tool_angle", "title": "Ändra rotationsvinkel"},
 {"id": "angleLabel", "textContent": "vinkel:"},
 {"id": "bkgnd_color", "title": "Ändra bakgrundsfärg / opacitet"},
 {"id": "circle_cx", "title": "Ändra cirkeln cx samordna"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Anpassa till lager innehåll"},
 {"id": "fit_to_sel", "textContent": "Anpassa till val"},
 {"id": "font_family", "title": "Ändra Typsnitt"},
-{"id": "font_size", "title": "Ändra textstorlek"},
+{"id": "tool_font_size", "title": "Ändra textstorlek"},
-{"id": "group_opacity", "title": "Ändra markerat objekt opacitet"},
+{"id": "tool_opacity", "title": "Ändra markerat objekt opacitet"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Klicka för att ändra fyllningsfärg, shift-klicka för att ändra färgar"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Ändra rektangel höjd"},
+{"id": "rect_height_tool", "title": "Ändra rektangel höjd"},
-{"id": "rect_rx", "title": "Ändra rektangel hörnradie"},
+{"id": "cornerRadiusLabel", "title": "Ändra rektangel hörnradie"},
-{"id": "rect_width", "title": "Ändra rektangel bredd"},
+{"id": "rect_width_tool", "title": "Ändra rektangel bredd"},
 {"id": "relativeToLabel", "textContent": "jämfört:"},
 {"id": "rheightLabel", "textContent": "Höjd:"},
 {"id": "rwidthLabel", "textContent": "Bredd:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Dela Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoomverktyget"},
-{"id": "zoom", "title": "Ändra zoomnivå"},
+{"id": "zoom_panel", "title": "Ändra zoomnivå"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.sw.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Align jamaa na ..."},
-{"id": "angle", "title": "Change mzunguko vinkel"},
+{"id": "tool_angle", "title": "Change mzunguko vinkel"},
 {"id": "angleLabel", "textContent": "angle:"},
 {"id": "bkgnd_color", "title": "Change background color / opacity"},
 {"id": "circle_cx", "title": "Change mduara's CX kuratibu"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Waliopo safu content"},
 {"id": "fit_to_sel", "textContent": "Waliopo uteuzi"},
 {"id": "font_family", "title": "Change font Family"},
-{"id": "font_size", "title": "Change font Size"},
+{"id": "tool_font_size", "title": "Change font Size"},
-{"id": "group_opacity", "title": "Change selected opacity punkt"},
+{"id": "tool_opacity", "title": "Change selected opacity punkt"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Click kubadili kujaza color, skiftarbete-click kubadili kiharusi color"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Change Mstatili height"},
+{"id": "rect_height_tool", "title": "Change Mstatili height"},
-{"id": "rect_rx", "title": "Change Mstatili Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Change Mstatili Corner Radius"},
-{"id": "rect_width", "title": "Change Mstatili width"},
+{"id": "rect_width_tool", "title": "Change Mstatili width"},
 {"id": "relativeToLabel", "textContent": "relativa att:"},
 {"id": "rheightLabel", "textContent": "height:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Change zoom ngazi"},
+{"id": "zoom_panel", "title": "Change zoom ngazi"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.th.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "จัดชิดเทียบกับ ..."},
-{"id": "angle", "title": "มุมหมุนเปลี่ยน"},
+{"id": "tool_angle", "title": "มุมหมุนเปลี่ยน"},
 {"id": "angleLabel", "textContent": "มุม:"},
 {"id": "bkgnd_color", "title": "สีพื้นหลังเปลี่ยน / ความทึบ"},
 {"id": "circle_cx", "title": "Cx วงกลมเปลี่ยนของพิกัด"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "พอดีเนื้อหาชั้นที่"},
 {"id": "fit_to_sel", "textContent": "เหมาะสมในการเลือก"},
 {"id": "font_family", "title": "ครอบครัว Change Font"},
-{"id": "font_size", "title": "เปลี่ยนขนาดตัวอักษร"},
+{"id": "tool_font_size", "title": "เปลี่ยนขนาดตัวอักษร"},
-{"id": "group_opacity", "title": "เปลี่ยนความทึบเลือกรายการ"},
+{"id": "tool_opacity", "title": "เปลี่ยนความทึบเลือกรายการ"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "คลิกเพื่อเปลี่ยนใส่สีกะคลิกเปลี่ยนสีจังหวะ"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "ความสูงสี่เหลี่ยมผืนผ้าเปลี่ยน"},
+{"id": "rect_height_tool", "title": "ความสูงสี่เหลี่ยมผืนผ้าเปลี่ยน"},
-{"id": "rect_rx", "title": "รัศมีเปลี่ยนสี่เหลี่ยมผืนผ้า Corner"},
+{"id": "cornerRadiusLabel", "title": "รัศมีเปลี่ยนสี่เหลี่ยมผืนผ้า Corner"},
-{"id": "rect_width", "title": "ความกว้างสี่เหลี่ยมผืนผ้าเปลี่ยน"},
+{"id": "rect_width_tool", "title": "ความกว้างสี่เหลี่ยมผืนผ้าเปลี่ยน"},
 {"id": "relativeToLabel", "textContent": "เทียบกับ:"},
 {"id": "rheightLabel", "textContent": "ความสูง:"},
 {"id": "rwidthLabel", "textContent": "ความกว้าง:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "องค์ประกอบ Ungroup"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "เครื่องมือซูม"},
-{"id": "zoom", "title": "เปลี่ยนระดับการซูม"},
+{"id": "zoom_panel", "title": "เปลี่ยนระดับการซูม"},
 {"id": "zoomLabel", "textContent": "ซูม:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.tl.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Pantayin sa kamag-anak sa ..."},
-{"id": "angle", "title": "Baguhin ang pag-ikot anggulo"},
+{"id": "tool_angle", "title": "Baguhin ang pag-ikot anggulo"},
 {"id": "angleLabel", "textContent": "anggulo:"},
 {"id": "bkgnd_color", "title": "Baguhin ang kulay ng background / kalabuan"},
 {"id": "circle_cx", "title": "Cx Baguhin ang bilog's coordinate"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Pagkasyahin sa layer nilalaman"},
 {"id": "fit_to_sel", "textContent": "Pagkasyahin sa pagpili"},
 {"id": "font_family", "title": "Baguhin ang Pamilya ng Font"},
-{"id": "font_size", "title": "Baguhin ang Laki ng Font"},
+{"id": "tool_font_size", "title": "Baguhin ang Laki ng Font"},
-{"id": "group_opacity", "title": "Palitan ang mga napiling bagay kalabuan"},
+{"id": "tool_opacity", "title": "Palitan ang mga napiling bagay kalabuan"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "I-click upang baguhin ang punan ang kulay, paglilipat-click upang baguhin ang paghampas ng kulay"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Baguhin ang rektanggulo taas"},
+{"id": "rect_height_tool", "title": "Baguhin ang rektanggulo taas"},
-{"id": "rect_rx", "title": "Baguhin ang Parihaba Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Baguhin ang Parihaba Corner Radius"},
-{"id": "rect_width", "title": "Baguhin ang rektanggulo lapad"},
+{"id": "rect_width_tool", "title": "Baguhin ang rektanggulo lapad"},
 {"id": "relativeToLabel", "textContent": "kamag-anak sa:"},
 {"id": "rheightLabel", "textContent": "taas:"},
 {"id": "rwidthLabel", "textContent": "width:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Sangkap"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Mag-zoom Kasangkapan"},
-{"id": "zoom", "title": "Baguhin ang antas ng zoom"},
+{"id": "zoom_panel", "title": "Baguhin ang antas ng zoom"},
 {"id": "zoomLabel", "textContent": "mag-zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.tr.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Align göre ..."},
-{"id": "angle", "title": "Değiştirmek dönme açısı"},
+{"id": "tool_angle", "title": "Değiştirmek dönme açısı"},
 {"id": "angleLabel", "textContent": "açı:"},
 {"id": "bkgnd_color", "title": "Arka plan rengini değiştirmek / opacity"},
 {"id": "circle_cx", "title": "Değiştirmek daire's cx koordine"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Sığacak şekilde katman içerik"},
 {"id": "fit_to_sel", "textContent": "Fit seçimine"},
 {"id": "font_family", "title": "Font değiştir Aile"},
-{"id": "font_size", "title": "Change font size"},
+{"id": "tool_font_size", "title": "Change font size"},
-{"id": "group_opacity", "title": "Değiştirmek öğe opacity seçilmiş"},
+{"id": "tool_opacity", "title": "Değiştirmek öğe opacity seçilmiş"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Tıklatın renk, vardiya dolgu zamanlı rengini değiştirmek için tıklayın değiştirmek için"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Değiştirmek dikdörtgen yüksekliği"},
+{"id": "rect_height_tool", "title": "Değiştirmek dikdörtgen yüksekliği"},
-{"id": "rect_rx", "title": "Değiştirmek Dikdörtgen Köşe Yarıçap"},
+{"id": "cornerRadiusLabel", "title": "Değiştirmek Dikdörtgen Köşe Yarıçap"},
-{"id": "rect_width", "title": "Değiştirmek dikdörtgen genişliği"},
+{"id": "rect_width_tool", "title": "Değiştirmek dikdörtgen genişliği"},
 {"id": "relativeToLabel", "textContent": "göreli:"},
 {"id": "rheightLabel", "textContent": "yükseklik:"},
 {"id": "rwidthLabel", "textContent": "genişliği:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Çöz Elemanları"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Yakınlaştırma düzeyini değiştirebilirsiniz"},
+{"id": "zoom_panel", "title": "Yakınlaştırma düzeyini değiştirebilirsiniz"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.uk.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Вирівняти по відношенню до ..."},
-{"id": "angle", "title": "Зміна кута повороту"},
+{"id": "tool_angle", "title": "Зміна кута повороту"},
 {"id": "angleLabel", "textContent": "Кут:"},
 {"id": "bkgnd_color", "title": "Зміна кольору тла / непрозорість"},
 {"id": "circle_cx", "title": "CX зміну кола координата"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "За розміром шар змісту"},
 {"id": "fit_to_sel", "textContent": "Вибір розміру"},
 {"id": "font_family", "title": "Зміни Сімейство шрифтів"},
-{"id": "font_size", "title": "Змінити розмір шрифту"},
+{"id": "tool_font_size", "title": "Змінити розмір шрифту"},
-{"id": "group_opacity", "title": "Зміна вибраного пункту непрозорості"},
+{"id": "tool_opacity", "title": "Зміна вибраного пункту непрозорості"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Натисніть для зміни кольору заливки, Shift-Click змінити обвід"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Зміни прямокутник висотою"},
+{"id": "rect_height_tool", "title": "Зміни прямокутник висотою"},
-{"id": "rect_rx", "title": "Зміни прямокутник Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Зміни прямокутник Corner Radius"},
-{"id": "rect_width", "title": "Зміна ширини прямокутника"},
+{"id": "rect_width_tool", "title": "Зміна ширини прямокутника"},
 {"id": "relativeToLabel", "textContent": "в порівнянні з:"},
 {"id": "rheightLabel", "textContent": "Висота:"},
 {"id": "rwidthLabel", "textContent": "Ширина:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Елементи розгрупувати"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Зміна масштабу"},
+{"id": "zoom_panel", "title": "Зміна масштабу"},
 {"id": "zoomLabel", "textContent": "Збільшити:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.vi.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "Căn liên quan đến ..."},
-{"id": "angle", "title": "Thay đổi góc xoay"},
+{"id": "tool_angle", "title": "Thay đổi góc xoay"},
 {"id": "angleLabel", "textContent": "góc:"},
 {"id": "bkgnd_color", "title": "Thay đổi màu nền / opacity"},
 {"id": "circle_cx", "title": "Thay đổi hình tròn của cx phối hợp"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "Vào lớp phù hợp với nội dung"},
 {"id": "fit_to_sel", "textContent": "Phù hợp để lựa chọn"},
 {"id": "font_family", "title": "Thay đổi Font Gia đình"},
-{"id": "font_size", "title": "Thay đổi cỡ chữ"},
+{"id": "tool_font_size", "title": "Thay đổi cỡ chữ"},
-{"id": "group_opacity", "title": "Thay đổi lựa chọn opacity mục"},
+{"id": "tool_opacity", "title": "Thay đổi lựa chọn opacity mục"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "Nhấn vào đây để thay đổi đầy màu sắc, thay đổi nhấp chuột để thay đổi màu sắc đột quỵ"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "Thay đổi hình chữ nhật chiều cao"},
+{"id": "rect_height_tool", "title": "Thay đổi hình chữ nhật chiều cao"},
-{"id": "rect_rx", "title": "Thay đổi chữ nhật Corner Radius"},
+{"id": "cornerRadiusLabel", "title": "Thay đổi chữ nhật Corner Radius"},
-{"id": "rect_width", "title": "Thay đổi hình chữ nhật chiều rộng"},
+{"id": "rect_width_tool", "title": "Thay đổi hình chữ nhật chiều rộng"},
 {"id": "relativeToLabel", "textContent": "liên quan đến:"},
 {"id": "rheightLabel", "textContent": "Chiều cao:"},
 {"id": "rwidthLabel", "textContent": "Chiều rộng:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "Zoom Tool"},
-{"id": "zoom", "title": "Thay đổi mức độ phóng"},
+{"id": "zoom_panel", "title": "Thay đổi mức độ phóng"},
 {"id": "zoomLabel", "textContent": "zoom:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.yi.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "יינרייען קאָרעוו צו ..."},
-{"id": "angle", "title": "ענדערן ראָוטיישאַן ווינקל"},
+{"id": "tool_angle", "title": "ענדערן ראָוטיישאַן ווינקל"},
 {"id": "angleLabel", "textContent": "ווינקל:"},
 {"id": "bkgnd_color", "title": "ענדערן הינטערגרונט פאַרב / אָופּאַסאַטי"},
 {"id": "circle_cx", "title": "ענדערן קרייז ס קקס קאָואָרדאַנאַט"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "פּאַסיק צו שיכטע אינהאַלט"},
 {"id": "fit_to_sel", "textContent": "פּאַסיק צו אָפּקלייב"},
 {"id": "font_family", "title": "ענדערן פאָנט פאַמילי"},
-{"id": "font_size", "title": "בייטן פאָנט גרייס"},
+{"id": "tool_font_size", "title": "בייטן פאָנט גרייס"},
-{"id": "group_opacity", "title": "ענדערן סעלעקטעד נומער אָופּאַסאַטי"},
+{"id": "tool_opacity", "title": "ענדערן סעלעקטעד נומער אָופּאַסאַטי"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "גיט צו ענדערן אָנעסן קאָליר, יבעררוק-גיט צו טוישן מאַך קאָליר"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "ענדערן גראָדעק הייך"},
+{"id": "rect_height_tool", "title": "ענדערן גראָדעק הייך"},
-{"id": "rect_rx", "title": "ענדערן רעקטאַנגלע קאָרנער ראַדיוס"},
+{"id": "cornerRadiusLabel", "title": "ענדערן רעקטאַנגלע קאָרנער ראַדיוס"},
-{"id": "rect_width", "title": "ענדערן גראָדעק ברייט"},
+{"id": "rect_width_tool", "title": "ענדערן גראָדעק ברייט"},
 {"id": "relativeToLabel", "textContent": "קאָרעוו צו:"},
 {"id": "rheightLabel", "textContent": "הייך:"},
 {"id": "rwidthLabel", "textContent": "ברייט:"},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "ונגראָופּ עלעמענץ"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "פארגרעסער טול"},
-{"id": "zoom", "title": "ענדערן פארגרעסער הייך"},
+{"id": "zoom_panel", "title": "ענדערן פארגרעסער הייך"},
 {"id": "zoomLabel", "textContent": "פארגרעסער:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.zh-CN.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "相对对齐 ..."},
-{"id": "angle", "title": "旋转角度的变化"},
+{"id": "tool_angle", "title": "旋转角度的变化"},
 {"id": "angleLabel", "textContent": "角:"},
 {"id": "bkgnd_color", "title": "更改背景颜色/不透明"},
 {"id": "circle_cx", "title": "改变循环的CX坐标"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "适合层内容"},
 {"id": "fit_to_sel", "textContent": "适合选择"},
 {"id": "font_family", "title": "更改字体家族"},
-{"id": "font_size", "title": "更改字体大小"},
+{"id": "tool_font_size", "title": "更改字体大小"},
-{"id": "group_opacity", "title": "更改所选项目不透明"},
+{"id": "tool_opacity", "title": "更改所选项目不透明"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "点击更改填充颜色，按住Shift键单击更改颜色中风"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "更改矩形的高度"},
+{"id": "rect_height_tool", "title": "更改矩形的高度"},
-{"id": "rect_rx", "title": "矩形角半径的变化"},
+{"id": "cornerRadiusLabel", "title": "矩形角半径的变化"},
-{"id": "rect_width", "title": "更改矩形的宽度"},
+{"id": "rect_width_tool", "title": "更改矩形的宽度"},
 {"id": "relativeToLabel", "textContent": "相对于:"},
 {"id": "rheightLabel", "textContent": "身高："},
 {"id": "rwidthLabel", "textContent": "宽度："},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "取消组合元素"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "缩放工具"},
-{"id": "zoom", "title": "更改缩放级别"},
+{"id": "zoom_panel", "title": "更改缩放级别"},
 {"id": "zoomLabel", "textContent": "变焦:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.zh-HK.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "相对对齐 ..."},
-{"id": "angle", "title": "旋转角度的变化"},
+{"id": "tool_angle", "title": "旋转角度的变化"},
 {"id": "angleLabel", "textContent": "角:"},
 {"id": "bkgnd_color", "title": "更改背景颜色/不透明"},
 {"id": "circle_cx", "title": "改变循环的CX坐标"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "适合层内容"},
 {"id": "fit_to_sel", "textContent": "适合选择"},
 {"id": "font_family", "title": "更改字体家族"},
-{"id": "font_size", "title": "更改字体大小"},
+{"id": "tool_font_size", "title": "更改字体大小"},
-{"id": "group_opacity", "title": "更改所选项目不透明"},
+{"id": "tool_opacity", "title": "更改所选项目不透明"},
 {"id": "icon_large", "textContent": "Large"},
 {"id": "icon_medium", "textContent": "Medium"},
 {"id": "icon_small", "textContent": "Small"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "点击更改填充颜色，按住Shift键单击更改颜色中风"},
 {"id": "path_node_x", "title": "Change node's x coordinate"},
 {"id": "path_node_y", "title": "Change node's y coordinate"},
-{"id": "rect_height", "title": "更改矩形的高度"},
+{"id": "rect_height_tool", "title": "更改矩形的高度"},
-{"id": "rect_rx", "title": "矩形角半径的变化"},
+{"id": "cornerRadiusLabel", "title": "矩形角半径的变化"},
-{"id": "rect_width", "title": "更改矩形的宽度"},
+{"id": "rect_width_tool", "title": "更改矩形的宽度"},
 {"id": "relativeToLabel", "textContent": "相对于:"},
 {"id": "rheightLabel", "textContent": "身高："},
 {"id": "rwidthLabel", "textContent": "宽度："},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "Ungroup Elements"},
 {"id": "tool_wireframe", "title": "Wireframe Mode"},
 {"id": "tool_zoom", "title": "缩放工具"},
-{"id": "zoom", "title": "更改缩放级别"},
+{"id": "zoom_panel", "title": "更改缩放级别"},
 {"id": "zoomLabel", "textContent": "变焦:"},
 {"id": "sidepanel_handle", "textContent": "L a y e r s", "title": "Drag left/right to resize side panel"},
 {

public/svg-edit/editor/locale/lang.zh-TW.js

@@ -1,6 +1,6 @@
 [
 {"id": "align_relative_to", "title": "相對對齊 ..."},
-{"id":"angle","title":"旋轉角度"},
+{"id": "tool_angle", "title": "旋轉角度"},
 {"id": "angleLabel", "textContent": "角度:"},
 {"id": "bkgnd_color", "title": "更改背景顏色/不透明"},
 {"id": "circle_cx", "title": "改變圓的CX坐標"},
@@ -20,8 +20,8 @@
 {"id": "fit_to_layer_content", "textContent": "適合圖層內容"},
 {"id": "fit_to_sel", "textContent": "適合選取的物件"},
 {"id": "font_family", "title": "更改字體"},
-{"id":"font_size","title":"更改字體大小"},
+{"id": "tool_font_size", "title": "更改字體大小"},
-{"id":"group_opacity","title":"更改所選項目不透明度"},
+{"id": "tool_opacity", "title": "更改所選項目不透明度"},
 {"id": "icon_large", "textContent": "大"},
 {"id": "icon_medium", "textContent": "中"},
 {"id": "icon_small", "textContent": "小"},
@@ -49,9 +49,9 @@
 {"id": "palette", "title": "點擊更改填充顏色，按住Shift鍵單擊更改線條顏色"},
 {"id": "path_node_x", "title": "改變節點的x軸座標"},
 {"id": "path_node_y", "title": "改變節點的y軸座標"},
-{"id":"rect_height","title":"更改矩形的高度"},
+{"id": "rect_height_tool", "title": "更改矩形的高度"},
-{"id":"rect_rx","title":"矩形角半徑的變化"},
+{"id": "cornerRadiusLabel", "title": "矩形角半徑的變化"},
-{"id":"rect_width","title":"更改矩形的寬度"},
+{"id": "rect_width_tool", "title": "更改矩形的寬度"},
 {"id": "relativeToLabel", "textContent": "相對於:"},
 {"id": "rheightLabel", "textContent": "高度："},
 {"id": "rwidthLabel", "textContent": "寬度："},
@@ -125,7 +125,7 @@
 {"id": "tool_ungroup", "title": "取消群組"},
 {"id": "tool_wireframe", "title": "框線模式（只瀏覽線條）"},
 {"id": "tool_zoom", "title": "縮放工具"},
-{"id":"zoom","title":"更改縮放級別"},
+{"id": "zoom_panel", "title": "更改縮放級別"},
 {"id": "zoomLabel", "textContent": "調整頁面大小:"},
 {"id": "sidepanel_handle", "textContent": "圖層", "title": "拖拉以改變側邊面板的大小"},
 {
@@ -137,8 +137,8 @@
   "cancel": "取消", 
   "dupeLayerName": "喔不！已經有另一個同樣名稱的圖層了！", 
   "enterNewImgURL": "輸入新的圖片網址", 
-	"enterUniqueLayerName":"請輸入一個名稱不重複的",
   "enterNewLayerName": "請輸入新圖層的名稱", 
+  "enterUniqueLayerName": "請輸入一個名稱不重複的", 
   "featNotSupported": "未提供此功能", 
   "invalidAttrValGiven": "數值給定錯誤", 
   "key_backspace": "空白", 

public/svg-edit/editor/svg-editor.css

@@ -78,6 +78,23 @@
 	margin-top: 0;
 }
 
+#svg_editor #color_tools .icon_label {
+	padding-right: 0;
+	height: 26px;
+	min-width: 18px;
+	cursor: pointer;
+}
+
+#group_opacityLabel, 
+#zoomLabel {
+	cursor: pointer;
+}
+
+#color_tools .icon_label > * {
+	position: relative;
+	top: 1px;
+}
+
 #svg_editor div#palette {
 	float: left;
 	width: 6848px;
@@ -475,8 +492,8 @@ span.zoom_tool {
 	padding: 3px;
 }
 
-#zoom_panel label {
+#zoom_panel {
-	margin-top: 2px;
+	margin-top: 5px;
 }
 
 .dropdown {
@@ -605,6 +622,10 @@ span.zoom_tool {
 	float: left;
 	padding-top: 3px;
 	padding-right: 3px;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	height: 0;
 }
 
 #svg_editor .width_label {
@@ -690,7 +711,7 @@ span.zoom_tool {
 }
 
 #svg_editor #tools_bottom_2 {
-	width: 215px;
+	width: 180px;
 	position: relative;
 	float: left;
 }
@@ -714,7 +735,7 @@ span.zoom_tool {
 	background: #f0f0f0;
 	padding: 0 5px;
 	vertical-align: middle;
-	height: 26px;
+	height: 25px;
 }
 
 #toggle_stroke_tools {
@@ -766,7 +787,7 @@ span.zoom_tool {
 }
 
 
-#tools_top .dropdown div {
+#tools_top .dropdown .icon_label {
 	border: 1px solid transparent;
 	margin-top: 3px;
 }
@@ -829,7 +850,7 @@ span.zoom_tool {
 	padding: 0 3px;
 }
 
-#tool_opacity .dropdown button {
+#tools_bottom .dropdown button {
 	margin-top: 2px;
 }
 

public/svg-edit/editor/svg-editor.html

@@ -161,22 +161,22 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 			<div class="push_button" id="tool_reorient" title="Reorient path"></div>
 			<div class="tool_sep"></div>
 <!--
-			<label>
+			<label id="idLabel">
 				<span>id:</span>
 				<input id="elem_id" class="attr_changer" data-attr="id" size="10" type="text" title="Identify the element"/>
 			</label>
 -->
 		</div>
 
-		<label id="tool_angle">
+		<label id="tool_angle" title="Change rotation angle">
-			<span id="angleLabel">angle:</span>
+			<span id="angleLabel" class="icon_label"></span>
-			<input id="angle" title="Change rotation angle" size="2" value="0" type="text"/>
+			<input id="angle" size="2" value="0" type="text"/>
 		</label>
 		
-		<div class="toolset" id="tool_blur">
+		<div class="toolset" id="tool_blur" title="Change gaussian blur value">
 			<label>
-				<span id="blurLabel">blur:</span>
+				<span id="blurLabel" class="icon_label"></span>
-				<input id="blur" title="Change gaussian blur value" size="2" value="0" type="text"/>
+				<input id="blur" size="2" value="0" type="text"/>
 			</label>
 			<div id="blur_dropdown" class="dropdown">
 				<button></button>
@@ -234,13 +234,13 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 
 	<div id="rect_panel">
 		<div class="toolset">
-			<label>
+			<label id="rect_width_tool" title="Change rectangle width">
 				<span id="rwidthLabel" class="icon_label"></span>
-				<input id="rect_width" class="attr_changer" title="Change rectangle width" size="3" data-attr="width"/>
+				<input id="rect_width" class="attr_changer" size="3" data-attr="width"/>
 			</label>
-			<label>
+			<label id="rect_height_tool" title="Change rectangle height">
 				<span id="rheightLabel" class="icon_label"></span>
-				<input id="rect_height" class="attr_changer" title="Change rectangle height" size="3" data-attr="height"/>
+				<input id="rect_height" class="attr_changer" size="3" data-attr="height"/>
 			</label>
 		</div>
 		<label id="cornerRadiusLabel" title="Change Rectangle Corner Radius">
@@ -347,7 +347,7 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 		</div>
 
 		<label id="tool_font_size">
-			<span id="font_sizeLabel">size:</span>
+			<span id="font_sizeLabel" class="icon_label"></span>
 			<input id="font_size" title="Change Font Size" size="3" value="0" type="text"/>
 		</label>
 		
@@ -406,10 +406,10 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 <div id="tools_bottom" class="tools_panel">
 
     <!-- Zoom buttons -->
-	<div id="zoom_panel" class="toolset">
+	<div id="zoom_panel" class="toolset" title="Change zoom level">
 		<label>
-		<span id="zoomLabel" class="zoom_tool">zoom:</span>
+		<span id="zoomLabel" class="zoom_tool icon_label"></span>
-		<input id="zoom" title="Change zoom level" size="3" value="100" type="text" />
+		<input id="zoom" size="3" value="100" type="text" />
 		</label>
 		<div id="zoom_dropdown" class="dropdown">
 			<button></button>
@@ -432,20 +432,16 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 
 	<div id="tools_bottom_2">
 		<div id="color_tools">
-			<div class="color_tool" id="tool_fill">
+			<div class="color_tool" id="tool_fill" title="Change fill color">
-				<label>
+				<label class="icon_label" for="fill_color"></label>
-					fill:
-				</label>
 				<div class="color_block">
 					<div id="fill_bg"></div>
-					<div id="fill_color" class="color_block"  title="Change fill color"></div>
+					<div id="fill_color" class="color_block"></div>
 				</div>
 			</div>
 		
 			<div class="color_tool" id="tool_stroke">
-				<label>
+				<label class="icon_label" title="Change stroke color"></label>
-					stroke:
-				</label>
 				<div class="color_block">
 					<div id="stroke_bg"></div>
 					<div id="stroke_color" class="color_block" title="Change stroke color"></div>
@@ -487,10 +483,10 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 			</div>
 		</div>
 	
-		<div class="toolset" id="tool_opacity">
+		<div class="toolset" id="tool_opacity" title="Change selected item opacity">
 			<label>
-				<span id="group_opacityLabel">opac:</span>
+				<span id="group_opacityLabel" class="icon_label"></span>
-				<input id="group_opacity" title="Change selected item opacity" size="3" value="100" type="text"/>
+				<input id="group_opacity" size="3" value="100" type="text"/>
 			</label>
 			<div id="opacity_dropdown" class="dropdown">
 				<button></button>
@@ -511,14 +507,14 @@ script type="text/javascript" src="locale/locale.min.js"></script-->
 	<div id="tools_bottom_3">
 		<div id="palette_holder"><div id="palette" title="Click to change fill color, shift-click to change stroke color"></div></div>
 	</div>
-	<div id="copyright">Powered by <a href="http://svg-edit.googlecode.com/" target="_blank">SVG-edit v2.5-preAlpha</a></div>
+	<div id="copyright">Powered by <a href="http://svg-edit.googlecode.com/" target="_blank">SVG-edit v2.5-Beta</a></div>
 </div>
 
 <div id="option_lists">
 	<ul id="linejoin_opts">
 		<li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
-		<li class="tool_button" id="linejoin_round" title="Linecap: Round"></li>
+		<li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
-		<li class="tool_button" id="linejoin_bevel" title="Linecap: Bevel"></li>
+		<li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
 	</ul>
 	
 	<ul id="linecap_opts">

public/svg-edit/editor/svg-editor.js

@@ -50,26 +50,30 @@
 				wireframe: false
 			},
 			uiStrings = {
-			'invalidAttrValGiven':'Invalid value given',
+			"invalidAttrValGiven":"Invalid value given",
-			'noContentToFitTo':'No content to fit to',
+			"noContentToFitTo":"No content to fit to",
-			'layer':"Layer",
+			"layer":"Layer",
-			'dupeLayerName':"There is already a layer named that!",
+			"dupeLayerName":"There is already a layer named that!",
-			'enterUniqueLayerName':"Please enter a unique layer name",
+			"enterUniqueLayerName":"Please enter a unique layer name",
-			'enterNewLayerName':"Please enter the new layer name",
+			"enterNewLayerName":"Please enter the new layer name",
-			'layerHasThatName':"Layer already has that name",
+			"layerHasThatName":"Layer already has that name",
-			'QmoveElemsToLayer':"Move selected elements to layer '%s'?",
+			"QmoveElemsToLayer":"Move selected elements to layer \"%s\"?",
-			'QwantToClear':'Do you want to clear the drawing?\nThis will also erase your undo history!',
+			"QwantToClear":"Do you want to clear the drawing?\nThis will also erase your undo history!",
-			'QwantToOpen':'Do you want to open a new file?\nThis will also erase your undo history!',
+			"QwantToOpen":"Do you want to open a new file?\nThis will also erase your undo history!",
-			'QerrorsRevertToSource':'There were parsing errors in your SVG source.\nRevert back to original SVG source?',
+			"QerrorsRevertToSource":"There were parsing errors in your SVG source.\nRevert back to original SVG source?",
-			'QignoreSourceChanges':'Ignore changes made to SVG source?',
+			"QignoreSourceChanges":"Ignore changes made to SVG source?",
-			'featNotSupported':'Feature not supported',
+			"featNotSupported":"Feature not supported",
-			'enterNewImgURL':'Enter the new image URL',
+			"enterNewImgURL":"Enter the new image URL",
-			'ok':'OK',
+			"defsFailOnSave": "NOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.",
-			'cancel':'Cancel',
+			"loadingImage":"Loading image, please wait...",
-			'key_up':'Up',
+			"saveFromBrowser": "Select \"Save As...\" in your browser to save this image as a %s file.",
-			'key_down':'Down',
+			"noteTheseIssues": "Also note the following issues: ",
-			'key_backspace':'Backspace',
+			"ok":"OK",
-			'key_del':'Del'
+			"cancel":"Cancel",
+			"key_up":"Up",
+			"key_down":"Down",
+			"key_backspace":"Backspace",
+			"key_del":"Del"
 		};
 		
 		var curPrefs = {}; //$.extend({}, defaultPrefs);
@@ -336,6 +340,13 @@
 					'#rwidthLabel, #iwidthLabel':'width',
 					'#rheightLabel, #iheightLabel':'height',
 					'#cornerRadiusLabel span':'c_radius',
+					'#angleLabel':'angle',
+					'#zoomLabel':'zoom',
+					'#tool_fill label': 'fill',
+					'#tool_stroke .icon_label': 'stroke',
+					'#group_opacityLabel': 'opacity',
+					'#blurLabel': 'blur',
+					'#font_sizeLabel': 'fontsize',
 					
 					'.flyout_arrow_horiz':'arrow_right',
 					'.dropdown button, #main_button .dropdown':'arrow_down',
@@ -349,7 +360,8 @@
 					'#main_button .dropdown .svg_icon': 9,
 					'.palette_item:first .svg_icon, #fill_bg .svg_icon, #stroke_bg .svg_icon': 16,
 					'.toolbar_button button .svg_icon':16,
-					'.stroke_tool div div .svg_icon': 20
+					'.stroke_tool div div .svg_icon': 20,
+					'#tools_bottom label .svg_icon': 18
 				},
 				callback: function(icons) {
 					$('.toolbar_button button > svg, .toolbar_button button > img').each(function() {
@@ -392,7 +404,8 @@
 				path = svgCanvas.pathActions,
 				default_img_url = curConfig.imgPath + "logo.png",
 				workarea = $("#workarea"),
-				show_save_warning = false;
+				show_save_warning = false, 
+				exportWindow = null;
 
 			// This sets up alternative dialog boxes. They mostly work the same way as
 			// their UI counterparts, expect instead of returning the result, a callback
@@ -490,12 +503,12 @@
 				var done = $.pref('save_notice_done');
 				if(done !== "all") {
 		
-					var note = 'Select "Save As..." in your browser to save this image as an SVG file.';
+					var note = uiStrings.saveFromBrowser.replace('%s', 'SVG');
 					
 					// Check if FF and has <defs/>
 					if(navigator.userAgent.indexOf('Gecko/') !== -1) {
 						if(svg.indexOf('<defs') !== -1) {
-							note += "\n\nNOTE: Due to a bug in your browser, this image may appear wrong (missing gradients or elements). It will however appear correct once actually saved.";
+							note += "\n\n" + uiStrings.defsFailOnSave;
 							$.pref('save_notice_done', 'all');
 							done = "all";
 						} else {
@@ -512,7 +525,6 @@
 			};
 			
 			var exportHandler = function(window, data) {
-
 				var issues = data.issues;
 				
 				if(!$('#export_canvas').length) {
@@ -524,17 +536,17 @@
 				c.height = svgCanvas.contentH;
 				canvg(c, data.svg);
 				var datauri = c.toDataURL('image/png');
-				var win = window.open(datauri);
+				exportWindow.location.href = datauri;
 				
-				var note = 'Select "Save As..." in your browser to save this image as a PNG file.';
+				var note = uiStrings.saveFromBrowser.replace('%s', 'PNG');
 				
 				// Check if there's issues
 
 				if(issues.length) {
 					var pre = "\n \u2022 ";
-					note += ("\n\nAlso note these issues:" + pre + issues.join(pre));
+					note += ("\n\n" + uiStrings.noteTheseIssues + pre + issues.join(pre));
 				} 
-				win.alert(note);
+				exportWindow.alert(note);
 			};
 			
 			// called when we've selected a different element
@@ -1812,6 +1824,24 @@
 		// 			.attr('data-curopt', holder_sel.replace('_show','')); // This sets the current mode
 		// 	}
 		
+			// Unfocus text input when workarea is mousedowned.
+			(function() {
+				var inp;
+
+				var unfocus = function() {
+					$(inp).blur();
+				}
+				
+				// Do not include the #text input, as it needs to remain focused 
+				// when clicking on an SVG text element.
+				$('#svg_editor input:text:not(#text)').focus(function() {
+					inp = this;
+					workarea.mousedown(unfocus);
+				}).blur(function() {
+					workarea.unbind('mousedown', unfocus);
+				});
+			}());
+
 			var clickSelect = function() {
 				if (toolButtonClick('#tool_select')) {
 					svgCanvas.setMode('select');
@@ -2013,32 +2043,19 @@
 			};
 			
 			var clickExport = function() {
+				// Open placeholder window (prevents popup)
+				var str = uiStrings.loadingImage;
+				exportWindow = window.open("data:text/html;charset=utf-8,<title>" + str + "<\/title><h1>" + str + "<\/h1>");
+
 				if(window.canvg) {
 					svgCanvas.rasterExport();
-					return;
 				} else {
 					$.getScript('canvg/rgbcolor.js', function() {
-						$.getScript('canvg/canvg.js');
+						$.getScript('canvg/canvg.js', function() {
-						// Would normally run svgCanvas.rasterExport() here,
+							svgCanvas.rasterExport();
-						// but that causes popup dialog box
+						});
 					});
 				}
-				var count = 0;
-				
-				// Run export when window.canvg is created
-				var timer = setInterval(function() {
-					count++;
-					if(window.canvg) {
-						clearInterval(timer);
-						svgCanvas.rasterExport();
-						return;
-					}
-					
-					if(count > 100) { // 5 seconds
-						clearInterval(timer);
-						$.alert("Error: Failed to load CanVG script");
-					}
-				}, 50);
 			}
 			
 			// by default, svgCanvas.open() is a no-op.
@@ -2462,10 +2479,18 @@
 				docprops = false;
 			};
 
-			// TODO: add canvas-centering code in here
+			var win_wh = {width:$(window).width(), height:$(window).height()};
+			
 			$(window).resize(function(evt) {
-				if (!editingsource) return;
+				if (editingsource) {
 					properlySourceSizeTextArea();
+				}
+				
+				$.each(win_wh, function(type, val) {
+					var curval = $(window)[type]();
+					workarea[0]['scroll' + (type==='width'?'Left':'Top')] -= (curval - val)/2;
+					win_wh[type] = curval;
+				});
 			});
 			
 			$('#url_notice').click(function() {
@@ -2707,16 +2732,26 @@
 				});
 			},1000);
 				
-			$('#fill_color').click(function(){
+			$('#fill_color, #tool_fill .icon_label').click(function(){
-				colorPicker($(this));
+				colorPicker($('#fill_color'));
 				updateToolButtonState();
 			});
 		
-			$('#stroke_color').click(function(){
+			$('#stroke_color, #tool_stroke .icon_label').click(function(){
-				colorPicker($(this));
+				colorPicker($('#stroke_color'));
 				updateToolButtonState();
 			});
 			
+			$('#group_opacityLabel').click(function() {
+				$('#opacity_dropdown button').mousedown();
+				$(window).mouseup();
+			});
+			
+			$('#zoomLabel').click(function() {
+				$('#zoom_dropdown button').mousedown();
+				$(window).mouseup();
+			});
+			
 			$('#tool_move_top').mousedown(function(evt){
 				$('#tools_stacking').show();
 				evt.preventDefault();
@@ -2829,25 +2864,8 @@
 			var SIDEPANEL_MAXWIDTH = 300;
 			var SIDEPANEL_OPENWIDTH = 150;
 			var sidedrag = -1, sidedragging = false;
-			$('#sidepanel_handle')
+				
-				.mousedown(function(evt) {sidedrag = evt.pageX;})
+			var resizePanel = function(evt) {
-				.mouseup(function(evt) {
-					if (!sidedragging) toggleSidePanel();
-					sidedrag = -1;
-					sidedragging = false;
-				});
-			$('#svg_editor')
-				.mouseup(function(){sidedrag=-1;})
-				.mouseout(function(evt){
-					if (sidedrag == -1) return;
-					// if we've moused out of the browser window, then we can stop dragging 
-					// and close the drawer
-					if (evt.pageX > this.clientWidth) {
-						sidedrag = -1;
-						toggleSidePanel(true);
-					}
-				})
-				.mousemove(function(evt) {
 				if (sidedrag == -1) return;
 				sidedragging = true;
 				var deltax = sidedrag - evt.pageX;
@@ -2870,6 +2888,24 @@
 				workarea.css('right', parseInt(workarea.css('right'))+deltax);
 				sidepanels.css('width', parseInt(sidepanels.css('width'))+deltax);
 				layerpanel.css('width', parseInt(layerpanel.css('width'))+deltax);
+			}
+			
+			$('#sidepanel_handle')
+				.mousedown(function(evt) {
+					sidedrag = evt.pageX;
+					$(window).mousemove(resizePanel);
+					
+				})
+				.mouseup(function(evt) {
+					if (!sidedragging) toggleSidePanel();
+					sidedrag = -1;
+					sidedragging = false;
+				});
+
+			$(window).mouseup(function() {
+				sidedrag = -1;
+				sidedragging = false;
+				$('#svg_editor').unbind('mousemove', resizePanel);
 			});
 			
 			// if width is non-zero, then fully close it, otherwise fully open it
@@ -3404,7 +3440,7 @@
 				updateCanvas(true);
 // 			});
 			
-		//	var revnums = "svg-editor.js ($Rev: 1526 $) ";
+		//	var revnums = "svg-editor.js ($Rev: 1548 $) ";
 		//	revnums += svgCanvas.getVersion();
 		//	$('#copyright')[0].setAttribute("title", revnums);
 		
@@ -3488,6 +3524,20 @@
 					
 					// Update flyout tooltips
 					setFlyoutTitles();
+					
+					// Copy title for certain tool elements
+					var elems = {
+						'#stroke_color': '#tool_stroke .icon_label, #tool_stroke .color_block',
+// 						'#group_opacity': '#tool_opacity', // Change lang file
+//						'#zoom': '#zoom_panel',
+						'#fill_color': '#tool_fill label, #tool_fill .color_block'
+					}
+					
+					$.each(elems, function(source, dest) {
+						$(dest).attr('title', $(source).attr('title'));
+					});
+
+					
 				}
 			};
 		};
@@ -3521,9 +3571,11 @@
 					'url': url,
 					'dataType': 'text',
 					success: svgCanvas.setSvgString,
-					error: function(xhr) {
+					error: function(xhr, stat, err) {
 						if(xhr.responseText) {
 							svgCanvas.setSvgString(xhr.responseText);
+						} else {
+							$.alert("Unable to load from URL. Error: \n"+err+'');
 						}
 					}
 				});

public/svg-edit/editor/svgcanvas.js

@@ -166,7 +166,13 @@ var isOpera = !!window.opera,
 
 	uiStrings = {
 		"pathNodeTooltip": "Drag node to move it. Double-click node to change segment type",
-		"pathCtrlPtTooltip":"Drag control point to adjust curve properties"
+		"pathCtrlPtTooltip": "Drag control point to adjust curve properties",
+		"exportNoBlur": "Blurred elements will appear as un-blurred",
+		"exportNoImage": "Image elements will not appear",
+		"exportNoforeignObject": "foreignObject elements will not appear",
+		"exportNoMarkers": "Marker elements (arrows, etc) may not appear as expected",
+		"exportNoDashArray": "Strokes will appear filled",
+		"exportNoText": "Text may not appear as expected"
 	},
 	
 	curConfig = {
@@ -522,13 +528,13 @@ function BatchCommand(text) {
 			var selectedBox = this.selectorRect,
 				selectedGrips = this.selectorGrips,
 				selected = this.selectedElement,
-				 sw = round(selected.getAttribute("stroke-width"));
+				 sw = selected.getAttribute("stroke-width");
-			var offset = 1/canvas.getZoom();
+			var offset = 1/current_zoom;
 			if (selected.getAttribute("stroke") != "none" && !isNaN(sw)) {
-				offset += sw/2;
+				offset += (sw/2);
 			}
 			if (selected.tagName == "text") {
-				offset += 2/canvas.getZoom();
+				offset += 2/current_zoom;
 			}
 			var bbox = canvas.getBBox(selected);
 			if(selected.tagName == 'g') {
@@ -541,8 +547,7 @@ function BatchCommand(text) {
 			}
 
 			// loop and transform our bounding box until we reach our first rotation
-			var tlist = canvas.getTransformList(selected),
+			var m = getMatrix(selected);
-				m = transformListToTransform(tlist).matrix;
 
 			// This should probably be handled somewhere else, but for now
 			// it keeps the selection box correctly positioned when zoomed
@@ -550,7 +555,7 @@ function BatchCommand(text) {
 			m.f *= current_zoom;
 			
 			// apply the transforms
-			var l=bbox.x-offset, t=bbox.y-offset, w=bbox.width+(offset<<1), h=bbox.height+(offset<<1),
+			var l=bbox.x-offset, t=bbox.y-offset, w=bbox.width+(offset*2), h=bbox.height+(offset*2),
 				bbox = {x:l, y:t, width:w, height:h};
 			
 			// we need to handle temporary transforms too
@@ -2805,16 +2810,10 @@ function BatchCommand(text) {
 		return false;
 	}
 	
-//  // Easy way to loop through transform list, but may not be worthwhile	
+	var getMatrix = function(elem) {
-// 	var eachXform = function(elem, callback) {
+		var tlist = canvas.getTransformList(elem);
-// 		var tlist = canvas.getTransformList(elem);
+		return transformListToTransform(tlist).matrix;
-// 		var num = tlist.numberOfItems;
+	}
-// 		if(num == 0) return;
-// 		while(num--) {
-// 			var xform = tlist.getItem(num);
-// 			callback(xform, tlist);
-// 		}
-// 	}
 	
     // FIXME: this should not have anything to do with zoom here - update the one place it is used this way
     // converts a tiny object equivalent of a SVGTransform
@@ -3421,8 +3420,58 @@ function BatchCommand(text) {
 					// Opera has a problem with suspendRedraw() apparently
 					var handle = null;
 					if (!window.opera) svgroot.suspendRedraw(1000);
-					shape.setAttributeNS(null, "x2", x);
+
-					shape.setAttributeNS(null, "y2", y);
+					var x2 = x;
+					var y2 = y;					
+
+					if(evt.shiftKey) {
+						var diff_x = x - start_x;
+						var diff_y = y - start_y;
+						
+						var angle = ((Math.atan2(start_y-y,start_x-x) * (180/Math.PI))-90) % 360;
+						angle = angle<0?(360+angle):angle
+
+						// TODO: Write all this more efficiently						
+						var dist = Math.sqrt(diff_x * diff_x + diff_y * diff_y);
+						var val = Math.sqrt((dist*dist)/2);
+						var diagonal = false;
+						
+						if(angle >= 360-22.5 || angle < 22.5) {
+							x2 = start_x;
+						} else if(angle >= 22.5 && angle < 22.5 + 45) {
+							diagonal = true;
+						} else if(angle >= 22.5 + 45 && angle < 22.5 + 90) {
+							y2 = start_y;
+						} else if(angle >= 22.5 + 90 && angle < 22.5 + 135) {
+							diagonal = true;
+						} else if(angle >= 22.5 + 135 && angle < 22.5 + 180) {
+							x2 = start_x;
+						} else if(angle >= 22.5 + 180 && angle < 22.5 + 225) {
+							diagonal = true;
+						} else if(angle >= 22.5 + 225 && angle < 22.5 + 270) {
+							y2 = start_y;
+						} else if(angle >= 22.5 + 270 && angle < 22.5 + 315) {
+							diagonal = true;							
+						}
+						
+						if(diagonal) {
+							if(y2 < start_y) {
+								y2 = start_y - val;
+							} else {
+								y2 = start_y + val;
+							}
+
+							if(x2 < start_x) {
+								x2 = start_x - val;
+							} else {
+								x2 = start_x + val;
+							}
+						}
+					}
+
+					
+					shape.setAttributeNS(null, "x2", x2);
+					shape.setAttributeNS(null, "y2", y2);
 					if (!window.opera) svgroot.unsuspendRedraw(handle);
 					break;
 				case "foreignObject":
@@ -3520,7 +3569,7 @@ function BatchCommand(text) {
 					var box = canvas.getBBox(selected),
 						cx = box.x + box.width/2, 
 						cy = box.y + box.height/2,
-						m = transformListToTransform(canvas.getTransformList(selected)).matrix,
+						m = getMatrix(selected),
 						center = transformPoint(cx,cy,m);
 					cx = center.x;
 					cy = center.y;
@@ -4132,7 +4181,7 @@ function BatchCommand(text) {
 					call("selected", [curtext]);
 					canvas.addToSelection([curtext], true);
 				}
-				if(!curtext.textContent.length) {
+				if(curtext && !curtext.textContent.length) {
 					// No content, so delete
 					canvas.deleteSelectedElements();
 				}
@@ -4165,8 +4214,8 @@ function BatchCommand(text) {
 				textbb = canvas.getBBox(curtext);
 				
 				if(xform) {
-					var tlist = canvas.getTransformList(curtext);
+					var matrix = getMatrix(curtext);
-					var matrix = transformListToTransform(tlist).matrix;
+					
 					imatrix = matrix.inverse();
 // 					var tbox = transformBox(textbb.x, textbb.y, textbb.width, textbb.height, matrix);
 // 					transbb = {
@@ -4716,8 +4765,7 @@ function BatchCommand(text) {
 			// Update position of all points
 			this.update = function() {
 				if(canvas.getRotationAngle(p.elem)) {
-					var tlist = canvas.getTransformList(path.elem);
+					p.matrix = getMatrix(path.elem);
-					p.matrix = transformListToTransform(tlist).matrix;
 					p.imatrix = p.matrix.inverse();
 				}
 
@@ -4740,6 +4788,9 @@ function BatchCommand(text) {
 			this.addSeg = function(index) {
 				// Adds a new segment
 				var seg = p.segs[index];
+				
+				if(!seg.prev) return;
+				
 				var prev = seg.prev;
 				
 				var new_x = (seg.item.x + prev.item.x) / 2;
@@ -5357,10 +5408,17 @@ function BatchCommand(text) {
 							started = false;
 							
 							if(subpath) {
+								if(path.matrix) {
+									remapElement(newpath, {}, path.matrix.inverse());
+								}
+							
 								var new_d = newpath.getAttribute("d");
 								var orig_d = $(path.elem).attr("d");
 								$(path.elem).attr("d", orig_d + new_d);
 								$(newpath).remove();
+								if(path.matrix) {
+									recalcRotatedPath();
+								}
 								path.init();
 								pathActions.toEditMode(path.elem);
 								path.selectPt();
@@ -5498,7 +5556,8 @@ function BatchCommand(text) {
 				this.resetOrientation(elem);
 				addCommandToHistory(batchCmd);
 
-				getPath(elem).show(false);
+				// Set matrix to null
+				getPath(elem).show(false).matrix = null; 
 
 				this.clear();
 		
@@ -5812,7 +5871,7 @@ function BatchCommand(text) {
 					
 					if(item.pathSegType === 1) {
 						var prev = segList.getItem(i-1);
-						if(prev.x != last_m.x && prev.y != last_m.y) {
+						if(prev.x != last_m.x || prev.y != last_m.y) {
 							// Add an L segment here
 							var newseg = elem.createSVGPathSegLinetoAbs(last_m.x, last_m.y);
 							insertItemBefore(elem, newseg, i);
@@ -5831,6 +5890,7 @@ function BatchCommand(text) {
 				var len = segList.numberOfItems;
 				var curx = 0, cury = 0;
 				var d = "";
+				var last_m = null;
 				
 				for (var i = 0; i < len; ++i) {
 					var seg = segList.getItem(i);
@@ -5844,6 +5904,7 @@ function BatchCommand(text) {
 		
 					var type = seg.pathSegType;
 					var letter = pathMap[type]['to'+(toRel?'Lower':'Upper')+'Case']();
+					
 					var addToD = function(pnts, more, last) {
 						var str = '';
 						var more = more?' '+more.join(' '):'';
@@ -5885,8 +5946,14 @@ function BatchCommand(text) {
 						case 18: // absolute smooth quad (T)
 							x -= curx;
 							y -= cury;
-						case 3: // relative move (m)
 						case 5: // relative line (l)
+						case 3: // relative move (m)
+							// If the last segment was a "z", this must be relative to 
+							if(last_m && segList.getItem(i-1).pathSegType === 1 && !toRel) {
+								curx = last_m[0];
+								cury = last_m[1];
+							}
+						
 						case 19: // relative smooth quad (t)
 							if(toRel) {
 								curx += x;
@@ -5897,6 +5964,8 @@ function BatchCommand(text) {
 								curx = x;
 								cury = y;
 							}
+							if(type === 3) last_m = [curx, cury];
+							
 							addToD([[x,y]]);
 							break;
 						case 6: // absolute cubic (C)
@@ -6202,16 +6271,19 @@ function BatchCommand(text) {
 		
 		// Selector and notice
 		var issue_list = {
-			'feGaussianBlur': 'Blurred elements will appear as un-blurred',
+			'feGaussianBlur': uiStrings.exportNoBlur,
-			'text': 'Text may not appear as expected',
+			'image': uiStrings.exportNoImage,
-			'image': 'Image elements will not appear',
+			'foreignObject': uiStrings.exportNoforeignObject,
-			'foreignObject': 'foreignObject elements will not appear',
+			'marker': uiStrings.exportNoMarkers,
-			'marker': 'Marker elements (arrows, etc) will not appear',
+			'[stroke-dasharray]': uiStrings.exportNoDashArray
-			'[stroke-dasharray]': 'Strokes will appear filled',
-			'[stroke^=url]': 'Strokes with gradients will not appear'
 		};
 		var content = $(svgcontent);
 		
+		// Add font/text check if Canvas Text API is not implemented
+		if(!("font" in $('<canvas>')[0].getContext('2d'))) {
+			issue_list['text'] = uiStrings.exportNoText;
+		}
+		
 		$.each(issue_list, function(sel, descr) {
 			if(content.find(sel).length) {
 				issues.push(descr);
@@ -7829,6 +7901,7 @@ function BatchCommand(text) {
 
 	this.setFontSize = function(val) {
 		cur_text.font_size = val;
+		textActions.toSelectMode();
 		this.changeSelectedAttribute("font-size", val);
 	};
 
@@ -7953,6 +8026,12 @@ function BatchCommand(text) {
 		while (i--) {
 			var elem = elems[i];
 			if (elem == null) continue;
+			
+			// Go into "select" mode for text changes
+			if(current_mode === "textedit" && attr !== "#text") {
+				textActions.toSelectMode(elem);
+			}
+			
 			// Set x,y vals on elements that don't have them
 			if((attr == 'x' || attr == 'y') && $.inArray(elem.tagName, ['g', 'polyline', 'path']) != -1) {
 				var bbox = canvas.getStrokedBBox([elem]);
@@ -8864,7 +8943,7 @@ function BatchCommand(text) {
 	// Function: getVersion
 	// Returns a string which describes the revision number of SvgCanvas.
 	this.getVersion = function() {
-		return "svgcanvas.js ($Rev: 1526 $)";
+		return "svgcanvas.js ($Rev: 1548 $)";
 	};
 	
 	this.setUiStrings = function(strs) {

public/svg-edit/editor/svgicons/jquery.svgicons.js

@@ -377,6 +377,8 @@ $(function() {
 					if(this.getAttribute('xlink:href') == '#' + id) {
 						this.setAttributeNS(xlinkns,'href','#' + new_id);
 					}
+				}).end().find('[filter="url(#' + id + ')"]').each(function() {
+					$(this).attr('filter', 'url(#' + new_id + ')');
 				});
 			});
 			return svg_el;

public/svg-edit/extras/update-langs.py

@@ -13,6 +13,19 @@ import os
 import json
 from types import DictType
 
+def changeTooltipTarget(j):
+	"""
+	Moves the tooltip target for some tools
+	"""
+	tools = ['rect_width', 'rect_height']
+	for row in j:
+		try:
+			id = row['id']
+			if id in tools:
+				row['id'] = row['id'] + '_tool'
+		except KeyError:
+			pass
+	
 def updateMainMenu(j):
     """
     Converts title into textContent for items in the main menu
@@ -58,7 +71,7 @@ def processFile(filename):
         j = json.loads(in_string)
 
         # process the JSON object here
-        # updateMainMenu(j)
+        changeTooltipTarget(j)
 
         # now write it out back to the file
         s = ourPrettyPrint(j).encode("UTF-8")

public/svg-edit/screencasts/svgedit-screencast-1.txt

@@ -0,0 +1,27 @@
+Hello, my name is Jeff Schiller and I'll be giving you a brief introduction to SVG-edit.  In this video, I'll describe what SVG-edit is, what it can do and I'll demonstrate some of its features.
+
+SVG-edit is a new, open-source, lightweight vector graphics editor similar in nature to Adobe Illustrator or Inkscape.  But what's exciting about SVG-edit is that it runs directly in the browser and is powered only by open web technologies such as HTML, CSS, JavaScript and SVG.  SVG-edit runs in any modern browser including Firefox, Opera, Safari and Chrome.
+
+So here is SVG-edit.  What we're looking at is a small collection of tools, a color palette at the bottom and a white canvas on which you can draw your masterpiece.  We'll see that drawing simple shapes is as simple as clicking the tool you want, I'll choose a simple rectangle here, and then dragging and lifting on the canvas.
+
+We can draw many types of shapes: rectangles, circles [draw one large one for sun], ellipses [draw two small ones], lines [draw three for sun radiation], or even freehand drawing [draw a smile].
+
+If we want to move the elements around, we click on the Select Tool and then drag the element to the correct position.  We can click to select one shape or we can drag on the canvas to select multiple shapes.  We can use the resizing grips to change the size of the element to our hearts content.  [arrange sun, beams, eyes, rectangle floor, and text]
+
+If we want to change the interior color of a particular shape, we first select the shape using the Select Tool, and then either click on a palette box or we can click on the Fill Paint box and choose the color we want from the standard picker.  We can also set the opacity or alpha of the paint.
+
+Changing the border color of the shape can be done in a similar manner by using the color picker for the Stroke.  We can also shift-click on the palette to change the stroke color or to clear the Stroke color.  We can also change the thickness of the stroke or the dash-style of the stroke using controls near the bottom of the window.
+
+A simple Text tool is also included [set stroke to None, set fill to Red, then create a text element that says "Vector Graphics are powerful"]
+
+I'd like to talk a bit about the tool panel near the top of the window.  Apart from some standard buttons on the left, which I'll go over in a minute, the rest of the panel is dedicated to context-sensitive tools.  This means that you only see controls on this toolbar for the tool and element you have selected.  For instance, when I select a Text element, I see controls to change the text contents, font family, font size and whether the text should be bold or italic.  If I select a rectangle, I see controls to change the rectangle's position, size and whether the rectangle should have rounded corners.
+
+You may have noticed that some buttons were available in both cases.  These controls manipulate the selected element.  For instance, you can delete an element or move it to the top of the stack.
+
+The final thing I'd like to talk about is the controls on the left.  These controls are always present.  There are the standard Undo/Redo buttons.  And there are the standard New Document or Save Document buttons.  Clicking New will wipe out all existing work.  Clicking Save will open a new tab in the browser containing your document.  You can then save this document to your desktop, publish it to a website or whatever.
+
+One final thing to mention:  because SVG-edit is a web application, it's quite trivial to embed the editor in a web page using nothing more than an HTML iframe element.  Here we see an entry on my blog in which I've done this very thing.
+
+SVG-edit is still in the beginning stages of development, there are a lot of features missing, but I hope this video has given you a sense of SVG-edit's capabilities and its ease of use.
+
+Thanks for watching!

public/svg-edit/screencasts/svgedit-screencast-2.txt

@@ -0,0 +1,23 @@
+Hi, this is Jeff Schiller and I'll be describing the new features in the latest release of SVG-edit, version 2.3.
+
+For those of you who didn't watch the first screencast, SVG-edit is an open source vector graphics editor that works in any modern browser that natively supports SVG.  This includes Firefox, Opera, Safari, and Chrome.
+
+The latest release of SVG-edit sports more than just a new logo, this release brings some powerful new features.  Features that you would expect of a first-class vector editor on your desktop.  So let's launch the 2.3 Demo [click]
+
+Probably the most significant new capability that SVG-edit brings is the ability to actually save and reload your work.  SVG-edit now comes with a source editor [click on editor], which means you can save your SVG files to your hard disk and then copy and paste them back into SVG-edit and continue your work.  You can also fine-tune the source of your drawing if there's something you want to do that isn't yet supported by the editor [add Jeff Schiller to comment and delete -->, show dialog].
+
+Another important addition in 2.3 is the ability to construct arbitrary polygons or connected line segments.  Once the shape is complete, click on the first point to close the shape or any other point if you want to leave it open.  Polys can be dragged and resized just like any other shape.  Click the shape again to edit the position of the points. [draw an arrow and position the points]
+
+Rotation is now supported on shapes.  There are a variety of ways to do this:  by drag-rotating the handle, by holding shift and pressing the left/right arrow keys or by adjusting the spinner control at the top. [rotate the arrow]
+
+The final major feature in SVG-edit 2.3 is the ability to pick linear gradients as fill/stroke paints instead of just solid colors.  The color picker now has two tabs, one for solid colors and one for gradients.  You choose the position of the begin and end stops and the color/opacity of each stop. [set fill on the black ellipse to a vert gradient from white to transparent]
+
+There are also several minor features worthy of note:
+
+Elements can now be copy-pasted using the Clone Tool.  Select any number of elements and click Clone (or press C) to get the copied elements.
+
+If you want fine-grained element navigation, you can use the keyboard shortcuts Shift-O and Shift-P to cycle forward or backward through elements on the canvas.
+
+Compared to desktop vector graphics editors, SVG-edit still has a long ways to go, but already pretty sophisticated artwork can be achieved [open mickey.svg].  It's also important to remember that SVG-edit runs directly in the browser, with no plugins required.  This means zero install hassle for users.  You don't even need a bleeding edge browser, any SVG-capable browser released for the last few years will just work.
+
+Thanks for watching.

public/svg-edit/screencasts/svgedit-screencast-3.txt

@@ -0,0 +1,50 @@
+SVG-edit 2.4
+------------
+
+Hi, this is Jeff Schiller and this is part one of two videos in which I'll be describing the new features in the latest release of SVG-edit 2.4.
+
+First, some background: SVG-edit is a web-based vector graphics editor that runs in any modern browser that supports SVG.  This includes Firefox, Opera, Safari and Chrome.  SVG-edit also runs in Internet Explorer with the Google Chrome Frame plugin installed.
+
+So Version 2.4, code-named Arbelos, is a significant improvement over the previous release:  SVG-edit has now evolved from a proof-of-concept demo into a full-featured application.
+
+In this video I'll talk about the new path tool and the concept of zooming, I'll also cover some of the improvements to the user interface.
+
+First up is the new path tool.  In SVG-edit 2.3, the user had the ability to create a connected series of line segments and polygons [Draw a polyline].  In 2.4, the Poly Tool has evolved into a general purpose Path tool that draw straight lines or curves.  To change a line segment into a curve, double-click on the starting point of that segment.  Users can also manipulate the look of the curve by moving control points.  Curves can be configured to be symmetrical by a push-button in the context panel.  As you can see, when I change the position of a control point, the opposite control point also moves.  The user also has the ability to add/delete segments to an existing path element.  One final note on paths: most graphical elements (rectangles, ellipses, etc) can now be converted into paths for finer editing.  This conversion is a one-way process, though it can be undone.
+
+So next I'm going to talk about zooming.  In 2.4, it is now possible to zoom in and out of a graphic.  Zooming can be achieved in a variety of ways:  Using the zoom control at the bottom left, you can type in a zoom percentage, use the spinner or pick a zoom level from the popup.  Also included in the popup are things like "Fit to selection", which can be quite handy.  Zooming is also possible via the Zoom tool on the left.  Select it, then drag the area you wish to zoom in on.  A final option is to just use the mousewheel to zoom the canvas quickly around the mouse pointer.
+
+From a usability perspective, we've created a Document Properties dialog, available by clicking on the button in the top panel.  This dialog box serves as housing for image and editor properties that are seldom accessed, but still important.
+
+In terms of image properties:
+
+	* Give the image a title
+	* Change the canvas size, or pick one of several options
+	(* You can choose to have all local raster images referenced via URL or embedded inline as a data: URL.  This will make your SVG image larger, but self-contained and thus, more portable.)
+
+In terms of editor properties:
+
+	* SVG-edit's entire user interface (tooltips, labels) is fully localizable, and SVG-edit has now been translated into 8 languages.  If you would like to contribute translation for a language, please contact us on the mailing list.
+	* Another nice feature is the ability to set the icon size of the editor, which can help with adapting SVG-edit to different environments (mobile devices, smaller netbooks, widescreen displays).
+	(* One final editor preference that can be changed is the canvas' colour.  For most situations, a white canvas might be fine for creating your graphic, but if you are trying to draw an image with a lot of white in it, you might find this option useful.)
+
+So that's it for this video.  In the next video I'll talk about grouping, layers and a few other features of SVG-edit 2.4.
+
+
+--------------------
+
+Hi, this is Jeff Schiller and this is the second of two videos describing the new features in the latest release of SVG-edit 2.4, code-named Arbelos.
+
+If you missed the first video, SVG-edit is a web-based vector graphics editor that runs in any modern browser that supports SVG.  This includes Firefox, Opera, Safari and Chrome.  SVG-edit also runs in Internet Explorer with the Google Chrome Frame plugin installed.
+
+In the first video I gave an overview of the Path tool, Zooming and the new Document Properties dialog.  In this video I'll talk about grouping, layers and a couple other features that round out the release.
+
+So first is grouping.  In SVG-edit 2.3 one could draw graphical primitives such as ellipses, rectangles, lines and polygons - and those elements could be moved, resized, and rotated.  In 2.4 we've added the ability to arrange any number of elements together into a group.  Groups behave just like other element types: they can be moved, resized and rotated - and they can be added to larger groups to create even more complex objects.  You can copy/delete groups just like any other element.  Ungrouping a group allows you to manipulate the elements individually again.
+
+The next thing I'll talk about is Layers.  The Layers panel lies tucked to the side but can be clicked or dragged open at any time.  Layers work very much like they do in other drawing programs: you can create new layers, rename them, change the order and delete them.  Elements not on the current layer are not selectable, so it's an excellent way to separate elements in your drawing so that you can work on them without interfering with other parts of the drawing.  If you want to move elements between layers, select them, then select the layer you want to move them to.
+
+There are a couple of other minor features that round out SVG-edit 2.4:
+	* It is now possible to embed raster images (via URL) into the canvas using the Image tool on the left
+	* It is also possible to keep the ratio of any element fixed when resizing by holding down the shift key.
+	* Finally, if the canvas is starting to become obscured, you can turn on 'wireframe mode' which shows the outline of all shapes in your drawing, but none of the fill or stroke properties.
+
+There are several minor features that I didn't have time to talk about, but feel free to browse to the project page and try out the demo.  Thanks for your time.