Adding svg-edit to OfficeJS project.

6458e058 · Tristan Cavelier · Sebastien Robin · 216870e0 · 6458e058 · 6458e058
Commit 6458e058 authored May 29, 2012 by Tristan Cavelier Committed by Sebastien Robin Jun 07, 2012
189 changed files
--- a/OfficeJS/lib/svg-edit/canvg/canvg.js
+++ b/OfficeJS/lib/svg-edit/canvg/canvg.js
--- a/OfficeJS/lib/svg-edit/canvg/rgbcolor.js
+++ b/OfficeJS/lib/svg-edit/canvg/rgbcolor.js
+/**
+ * A class to parse color values
+ * @author Stoyan Stefanov <sstoo@gmail.com>
+ * @link   http://www.phpied.com/rgb-color-parser-in-javascript/
+ * @license Use it if you like it
+ */
+function RGBColor(color_string)
+{
+    this.ok = false;
+    // strip any leading #
+    if (color_string.charAt(0) == '#') { // remove # if any
+        color_string = color_string.substr(1,6);
+    }
+    color_string = color_string.replace(/ /g,'');
+    color_string = color_string.toLowerCase();
+    // before getting into regexps, try simple matches
+    // and overwrite the input
+    var simple_colors = {
+        aliceblue: 'f0f8ff',
+        antiquewhite: 'faebd7',
+        aqua: '00ffff',
+        aquamarine: '7fffd4',
+        azure: 'f0ffff',
+        beige: 'f5f5dc',
+        bisque: 'ffe4c4',
+        black: '000000',
+        blanchedalmond: 'ffebcd',
+        blue: '0000ff',
+        blueviolet: '8a2be2',
+        brown: 'a52a2a',
+        burlywood: 'deb887',
+        cadetblue: '5f9ea0',
+        chartreuse: '7fff00',
+        chocolate: 'd2691e',
+        coral: 'ff7f50',
+        cornflowerblue: '6495ed',
+        cornsilk: 'fff8dc',
+        crimson: 'dc143c',
+        cyan: '00ffff',
+        darkblue: '00008b',
+        darkcyan: '008b8b',
+        darkgoldenrod: 'b8860b',
+        darkgray: 'a9a9a9',
+        darkgreen: '006400',
+        darkkhaki: 'bdb76b',
+        darkmagenta: '8b008b',
+        darkolivegreen: '556b2f',
+        darkorange: 'ff8c00',
+        darkorchid: '9932cc',
+        darkred: '8b0000',
+        darksalmon: 'e9967a',
+        darkseagreen: '8fbc8f',
+        darkslateblue: '483d8b',
+        darkslategray: '2f4f4f',
+        darkturquoise: '00ced1',
+        darkviolet: '9400d3',
+        deeppink: 'ff1493',
+        deepskyblue: '00bfff',
+        dimgray: '696969',
+        dodgerblue: '1e90ff',
+        feldspar: 'd19275',
+        firebrick: 'b22222',
+        floralwhite: 'fffaf0',
+        forestgreen: '228b22',
+        fuchsia: 'ff00ff',
+        gainsboro: 'dcdcdc',
+        ghostwhite: 'f8f8ff',
+        gold: 'ffd700',
+        goldenrod: 'daa520',
+        gray: '808080',
+        green: '008000',
+        greenyellow: 'adff2f',
+        honeydew: 'f0fff0',
+        hotpink: 'ff69b4',
+        indianred : 'cd5c5c',
+        indigo : '4b0082',
+        ivory: 'fffff0',
+        khaki: 'f0e68c',
+        lavender: 'e6e6fa',
+        lavenderblush: 'fff0f5',
+        lawngreen: '7cfc00',
+        lemonchiffon: 'fffacd',
+        lightblue: 'add8e6',
+        lightcoral: 'f08080',
+        lightcyan: 'e0ffff',
+        lightgoldenrodyellow: 'fafad2',
+        lightgrey: 'd3d3d3',
+        lightgreen: '90ee90',
+        lightpink: 'ffb6c1',
+        lightsalmon: 'ffa07a',
+        lightseagreen: '20b2aa',
+        lightskyblue: '87cefa',
+        lightslateblue: '8470ff',
+        lightslategray: '778899',
+        lightsteelblue: 'b0c4de',
+        lightyellow: 'ffffe0',
+        lime: '00ff00',
+        limegreen: '32cd32',
+        linen: 'faf0e6',
+        magenta: 'ff00ff',
+        maroon: '800000',
+        mediumaquamarine: '66cdaa',
+        mediumblue: '0000cd',
+        mediumorchid: 'ba55d3',
+        mediumpurple: '9370d8',
+        mediumseagreen: '3cb371',
+        mediumslateblue: '7b68ee',
+        mediumspringgreen: '00fa9a',
+        mediumturquoise: '48d1cc',
+        mediumvioletred: 'c71585',
+        midnightblue: '191970',
+        mintcream: 'f5fffa',
+        mistyrose: 'ffe4e1',
+        moccasin: 'ffe4b5',
+        navajowhite: 'ffdead',
+        navy: '000080',
+        oldlace: 'fdf5e6',
+        olive: '808000',
+        olivedrab: '6b8e23',
+        orange: 'ffa500',
+        orangered: 'ff4500',
+        orchid: 'da70d6',
+        palegoldenrod: 'eee8aa',
+        palegreen: '98fb98',
+        paleturquoise: 'afeeee',
+        palevioletred: 'd87093',
+        papayawhip: 'ffefd5',
+        peachpuff: 'ffdab9',
+        peru: 'cd853f',
+        pink: 'ffc0cb',
+        plum: 'dda0dd',
+        powderblue: 'b0e0e6',
+        purple: '800080',
+        red: 'ff0000',
+        rosybrown: 'bc8f8f',
+        royalblue: '4169e1',
+        saddlebrown: '8b4513',
+        salmon: 'fa8072',
+        sandybrown: 'f4a460',
+        seagreen: '2e8b57',
+        seashell: 'fff5ee',
+        sienna: 'a0522d',
+        silver: 'c0c0c0',
+        skyblue: '87ceeb',
+        slateblue: '6a5acd',
+        slategray: '708090',
+        snow: 'fffafa',
+        springgreen: '00ff7f',
+        steelblue: '4682b4',
+        tan: 'd2b48c',
+        teal: '008080',
+        thistle: 'd8bfd8',
+        tomato: 'ff6347',
+        turquoise: '40e0d0',
+        violet: 'ee82ee',
+        violetred: 'd02090',
+        wheat: 'f5deb3',
+        white: 'ffffff',
+        whitesmoke: 'f5f5f5',
+        yellow: 'ffff00',
+        yellowgreen: '9acd32'
+    };
+    for (var key in simple_colors) {
+        if (color_string == key) {
+            color_string = simple_colors[key];
+        }
+    }
+    // emd of simple type-in colors
+    // array of color definition objects
+    var color_defs = [
+        {
+            re: /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,
+            example: ['rgb(123, 234, 45)', 'rgb(255,234,245)'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1]),
+                    parseInt(bits[2]),
+                    parseInt(bits[3])
+                ];
+            }
+        },
+        {
+            re: /^(\w{2})(\w{2})(\w{2})$/,
+            example: ['#00ff00', '336699'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1], 16),
+                    parseInt(bits[2], 16),
+                    parseInt(bits[3], 16)
+                ];
+            }
+        },
+        {
+            re: /^(\w{1})(\w{1})(\w{1})$/,
+            example: ['#fb0', 'f0f'],
+            process: function (bits){
+                return [
+                    parseInt(bits[1] + bits[1], 16),
+                    parseInt(bits[2] + bits[2], 16),
+                    parseInt(bits[3] + bits[3], 16)
+                ];
+            }
+        }
+    ];
+    // search through the definitions to find a match
+    for (var i = 0; i < color_defs.length; i++) {
+        var re = color_defs[i].re;
+        var processor = color_defs[i].process;
+        var bits = re.exec(color_string);
+        if (bits) {
+            channels = processor(bits);
+            this.r = channels[0];
+            this.g = channels[1];
+            this.b = channels[2];
+            this.ok = true;
+        }
+    }
+    // validate/cleanup values
+    this.r = (this.r < 0 || isNaN(this.r)) ? 0 : ((this.r > 255) ? 255 : this.r);
+    this.g = (this.g < 0 || isNaN(this.g)) ? 0 : ((this.g > 255) ? 255 : this.g);
+    this.b = (this.b < 0 || isNaN(this.b)) ? 0 : ((this.b > 255) ? 255 : this.b);
+    // some getters
+    this.toRGB = function () {
+        return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
+    }
+    this.toHex = function () {
+        var r = this.r.toString(16);
+        var g = this.g.toString(16);
+        var b = this.b.toString(16);
+        if (r.length == 1) r = '0' + r;
+        if (g.length == 1) g = '0' + g;
+        if (b.length == 1) b = '0' + b;
+        return '#' + r + g + b;
+    }
+    // help
+    this.getHelpXML = function () {
+        var examples = new Array();
+        // add regexps
+        for (var i = 0; i < color_defs.length; i++) {
+            var example = color_defs[i].example;
+            for (var j = 0; j < example.length; j++) {
+                examples[examples.length] = example[j];
+            }
+        }
+        // add type-in colors
+        for (var sc in simple_colors) {
+            examples[examples.length] = sc;
+        }
+        var xml = document.createElement('ul');
+        xml.setAttribute('id', 'rgbcolor-examples');
+        for (var i = 0; i < examples.length; i++) {
+            try {
+                var list_item = document.createElement('li');
+                var list_color = new RGBColor(examples[i]);
+                var example_div = document.createElement('div');
+                example_div.style.cssText =
+                        'margin: 3px; '
+                        + 'border: 1px solid black; '
+                        + 'background:' + list_color.toHex() + '; '
+                        + 'color:' + list_color.toHex()
+                ;
+                example_div.appendChild(document.createTextNode('test'));
+                var list_item_value = document.createTextNode(
+                    ' ' + examples[i] + ' -> ' + list_color.toRGB() + ' -> ' + list_color.toHex()
+                );
+                list_item.appendChild(example_div);
+                list_item.appendChild(list_item_value);
+                xml.appendChild(list_item);
+            } catch(e){}
+        }
+        return xml;
+    }
+}
--- a/OfficeJS/lib/svg-edit/embedapi.js
+++ b/OfficeJS/lib/svg-edit/embedapi.js
+/*
+function embedded_svg_edit(frame){
+  //initialize communication
+  this.frame = frame;
+  this.stack = []; //callback stack
+  var editapi = this;
+  window.addEventListener("message", function(e){
+    if(e.data.substr(0,5) == "ERROR"){
+      editapi.stack.splice(0,1)[0](e.data,"error")
+    }else{
+      editapi.stack.splice(0,1)[0](e.data)
+    }
+  }, false)
+}
+embedded_svg_edit.prototype.call = function(code, callback){
+  this.stack.push(callback);
+  this.frame.contentWindow.postMessage(code,"*");
+}
+embedded_svg_edit.prototype.getSvgString = function(callback){
+  this.call("svgCanvas.getSvgString()",callback)
+}
+embedded_svg_edit.prototype.setSvgString = function(svg){
+  this.call("svgCanvas.setSvgString('"+svg.replace(/'/g, "\\'")+"')");
+}
+*/
+/*
+Embedded SVG-edit API
+General usage:
+- Have an iframe somewhere pointing to a version of svg-edit > r1000
+- Initialize the magic with:
+var svgCanvas = new embedded_svg_edit(window.frames['svgedit']);
+- Pass functions in this format:
+svgCanvas.setSvgString("string")
+- Or if a callback is needed:
+svgCanvas.setSvgString("string")(function(data, error){
+  if(error){
+    //there was an error
+  }else{
+    //handle data
+  }
+})
+Everything is done with the same API as the real svg-edit, 
+and all documentation is unchanged. The only difference is
+when handling returns, the callback notation is used instead. 
+var blah = new embedded_svg_edit(window.frames['svgedit']);
+blah.clearSelection("woot","blah",1337,[1,2,3,4,5,"moo"],-42,{a: "tree",b:6, c: 9})(function(){console.log("GET DATA",arguments)})
+*/
+function embedded_svg_edit(frame){
+  //initialize communication
+  this.frame = frame;
+  //this.stack = [] //callback stack
+  this.callbacks = {}; //successor to stack
+  this.encode = embedded_svg_edit.encode;
+  //List of functions extracted with this:
+  //Run in firebug on http://svg-edit.googlecode.com/svn/trunk/docs/files/svgcanvas-js.html
+  //for(var i=0,q=[],f = document.querySelectorAll("div.CFunction h3.CTitle a");i<f.length;i++){q.push(f[i].name)};q
+  //var functions = ["clearSelection", "addToSelection", "removeFromSelection", "open", "save", "getSvgString", "setSvgString", "createLayer", "deleteCurrentLayer", "getNumLayers", "getLayer", "getCurrentLayer", "setCurrentLayer", "renameCurrentLayer", "setCurrentLayerPosition", "getLayerVisibility", "setLayerVisibility", "moveSelectedToLayer", "getLayerOpacity", "setLayerOpacity", "clear"];
+  //Newer, well, it extracts things that aren't documented as well. All functions accessible through the normal thingy can now be accessed though the API
+  //var l=[];for(var i in svgCanvas){if(typeof svgCanvas[i] == "function"){l.push(i)}};
+  //run in svgedit itself
+  var functions = ["updateElementFromJson", "embedImage", "fixOperaXML", "clearSelection", "addToSelection", "removeFromSelection", "addNodeToSelection", "open", "save", "getSvgString", "setSvgString", "createLayer", "deleteCurrentLayer", "getNumLayers", "getLayer", "getCurrentLayer", "setCurrentLayer", "renameCurrentLayer", "setCurrentLayerPosition", "getLayerVisibility", "setLayerVisibility", "moveSelectedToLayer", "getLayerOpacity", "setLayerOpacity", "clear", "clearPath", "getNodePoint", "clonePathNode", "deletePathNode", "getResolution", "getImageTitle", "setImageTitle", "setResolution", "setBBoxZoom", "setZoom", "getMode", "setMode", "getStrokeColor", "setStrokeColor", "getFillColor", "setFillColor", "setStrokePaint", "setFillPaint", "getStrokeWidth", "setStrokeWidth", "getStrokeStyle", "setStrokeStyle", "getOpacity", "setOpacity", "getFillOpacity", "setFillOpacity", "getStrokeOpacity", "setStrokeOpacity", "getTransformList", "getBBox", "getRotationAngle", "setRotationAngle", "each", "bind", "setIdPrefix", "getBold", "setBold", "getItalic", "setItalic", "getFontFamily", "setFontFamily", "getFontSize", "setFontSize", "getText", "setTextContent", "setImageURL", "setRectRadius", "setSegType", "quickClone", "beginUndoableChange", "changeSelectedAttributeNoUndo", "finishUndoableChange", "changeSelectedAttribute", "deleteSelectedElements", "groupSelectedElements", "ungroupSelectedElement", "moveToTopSelectedElement", "moveToBottomSelectedElement", "moveSelectedElements", "getStrokedBBox", "getVisibleElements", "cycleElement", "getUndoStackSize", "getRedoStackSize", "getNextUndoCommandText", "getNextRedoCommandText", "undo", "redo", "cloneSelectedElements", "alignSelectedElements", "getZoom", "getVersion", "setIconSize", "setLang", "setCustomHandlers"]
+  //TODO: rewrite the following, it's pretty scary.
+  for(var i = 0; i < functions.length; i++){
+    this[functions[i]] = (function(d){
+      return function(){
+        var t = this //new callback
+        for(var g = 0, args = []; g < arguments.length; g++){
+          args.push(arguments[g]);
+        }
+        var cbid = t.send(d,args, function(){})  //the callback (currently it's nothing, but will be set later
+        return function(newcallback){
+          t.callbacks[cbid] = newcallback; //set callback
+        }
+      }
+    })(functions[i])
+  }
+  //TODO: use AddEvent for Trident browsers, currently they dont support SVG, but they do support onmessage
+  var t = this;
+  window.addEventListener("message", function(e){
+    if(e.data.substr(0,4)=="SVGe"){ //because svg-edit is too longish
+      var data = e.data.substr(4);
+      var cbid = data.substr(0, data.indexOf(";"));
+      if(t.callbacks[cbid]){
+        if(data.substr(0,6) != "error:"){
+          t.callbacks[cbid](eval("("+data.substr(cbid.length+1)+")"))
+        }else{
+          t.callbacks[cbid](data, "error");
+        }
+      }
+    }
+    //this.stack.shift()[0](e.data,e.data.substr(0,5) == "ERROR"?'error':null) //replace with shift
+  }, false)
+}
+embedded_svg_edit.encode = function(obj){
+  //simple partial JSON encoder implementation
+  if(window.JSON && JSON.stringify) return JSON.stringify(obj);
+  var enc = arguments.callee; //for purposes of recursion
+  if(typeof obj == "boolean" || typeof obj == "number"){
+      return obj+'' //should work...
+  }else if(typeof obj == "string"){
+    //a large portion of this is stolen from Douglas Crockford's json2.js
+    return '"'+
+          obj.replace(
+            /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g
+          , function (a) {
+            return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+          })
+          +'"'; //note that this isn't quite as purtyful as the usualness
+  }else if(obj.length){ //simple hackish test for arrayish-ness
+    for(var i = 0; i < obj.length; i++){
+      obj[i] = enc(obj[i]); //encode every sub-thingy on top
+    }
+    return "["+obj.join(",")+"]";
+  }else{
+    var pairs = []; //pairs will be stored here
+    for(var k in obj){ //loop through thingys
+      pairs.push(enc(k)+":"+enc(obj[k])); //key: value
+    }
+    return "{"+pairs.join(",")+"}" //wrap in the braces
+  }
+}
+embedded_svg_edit.prototype.send = function(name, args, callback){
+  var cbid = Math.floor(Math.random()*31776352877+993577).toString();
+  //this.stack.push(callback);
+  this.callbacks[cbid] = callback;
+  for(var argstr = [], i = 0; i < args.length; i++){
+    argstr.push(this.encode(args[i]))
+  }
+  var t = this;
+  setTimeout(function(){//delay for the callback to be set in case its synchronous
+    t.frame.contentWindow.postMessage(cbid+";svgCanvas['"+name+"']("+argstr.join(",")+")","*");
+  }, 0);
+  return cbid;
+  //this.stack.shift()("svgCanvas['"+name+"']("+argstr.join(",")+")")
+}
--- a/OfficeJS/lib/svg-edit/extensions/closepath_icons.svg
+++ b/OfficeJS/lib/svg-edit/extensions/closepath_icons.svg
+<svg xmlns="http://www.w3.org/2000/svg">
+<g id="tool_closepath">
+<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"/>
+  <g stroke-width="15" stroke="#00f" fill="#0ff">
+  <circle r="30" cy="41" cx="123"/>
+  <circle r="30" cy="146" cx="40"/>
+  <circle r="30" cy="260" cx="69"/>
+  <circle r="30" cy="260" cx="228"/>
+  <circle r="30" cy="148" cx="260"/>
+  </g>
+ </g>
+</svg>
+</g>
+<g id="tool_openpath">
+<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">
+   <circle r="30" cy="41" cx="123"/>
+   <circle r="30" cy="146" cx="40"/>
+   <circle r="30" cy="260" cx="69"/>
+   <circle r="30" cy="260" cx="228"/>
+   <circle r="30" cy="148" cx="260"/>
+  </g>
+  <g  stroke="#A00" stroke-width="15" fill="none">
+   <line x1="168" y1="24" x2="210" y2="150"/>
+   <line x1="210" y1="24" x2="168" y2="150"/>
+  </g>
+ </g>
+</svg>
+</g>
+<g id="svg_eof"/>
+</svg>
\ No newline at end of file
--- a/OfficeJS/lib/svg-edit/extensions/ext-arrows.js
+++ b/OfficeJS/lib/svg-edit/extensions/ext-arrows.js
+/*
+ * ext-arrows.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Alexis Deveria
+ *
+ */
+svgEditor.addExtension("Arrows", function(S) {
+		var svgcontent = S.svgcontent,
+			addElem = S.addSvgElementFromJson,
+			nonce = S.nonce,
+			randomize_ids = S.randomize_ids,
+			selElems;
+		svgCanvas.bind('setarrownonce', setArrowNonce);
+		svgCanvas.bind('unsetsetarrownonce', unsetArrowNonce);
+		var lang_list = {
+			"en":[
+				{"id": "arrow_none", "textContent": "No arrow" }
+			],
+			"fr":[
+				{"id": "arrow_none", "textContent": "Sans flèche" }
+			]
+		};
+		var prefix = 'se_arrow_';
+		if (randomize_ids) {
+		  var arrowprefix = prefix + nonce + '_';
+		} else {
+		  var arrowprefix = prefix;
+		}
+		var pathdata = {
+			fw: {d:"m0,0l10,5l-10,5l5,-5l-5,-5z", refx:8,  id: arrowprefix + 'fw'},
+			bk: {d:"m10,0l-10,5l10,5l-5,-5l5,-5z", refx:2, id: arrowprefix + 'bk'}
+		}
+		function setArrowNonce(window, n) {
+		    randomize_ids = true;
+		    arrowprefix = prefix + n + '_';
+ 			pathdata.fw.id = arrowprefix + 'fw';
+			pathdata.bk.id = arrowprefix + 'bk';
+		}
+		function unsetArrowNonce(window) {
+		    randomize_ids = false;
+		    arrowprefix = prefix;
+ 			pathdata.fw.id = arrowprefix + 'fw';
+			pathdata.bk.id = arrowprefix + 'bk';
+		}
+		function getLinked(elem, attr) {
+			var str = elem.getAttribute(attr);
+			if(!str) return null;
+			var m = str.match(/\(\#(.*)\)/);
+			if(!m || m.length !== 2) {
+				return null;
+			}
+			return S.getElem(m[1]);
+		}
+		function showPanel(on) {
+			$('#arrow_panel').toggle(on);
+			if(on) {
+				var el = selElems[0];
+				var end = el.getAttribute("marker-end");
+				var start = el.getAttribute("marker-start");
+				var mid = el.getAttribute("marker-mid");
+				var val;
+				if(end && start) {
+					val = "both";
+				} else if(end) {
+					val = "end";
+				} else if(start) {
+					val = "start";
+				} else if(mid) {
+					val = "mid";
+					if(mid.indexOf("bk") != -1) {
+						val = "mid_bk";
+					}
+				}
+				if(!start && !mid && !end) {
+					val = "none";
+				}
+				$("#arrow_list").val(val);
+			}
+		}
+		function resetMarker() {
+			var el = selElems[0];
+			el.removeAttribute("marker-start");
+			el.removeAttribute("marker-mid");
+			el.removeAttribute("marker-end");
+		}
+		function addMarker(dir, type, id) {
+			// TODO: Make marker (or use?) per arrow type, since refX can be different
+			id = id || arrowprefix + dir;
+			var marker = S.getElem(id);
+			var data = pathdata[dir];
+			if(type == "mid") {
+				data.refx = 5;
+			}
+			if(!marker) {
+				marker = addElem({
+					"element": "marker",
+					"attr": {
+						"viewBox": "0 0 10 10",
+						"id": id,
+						"refY": 5,
+						"markerUnits": "strokeWidth",
+						"markerWidth": 5,
+						"markerHeight": 5,
+						"orient": "auto",
+						"style": "pointer-events:none" // Currently needed for Opera
+					}
+				});
+				var arrow = addElem({
+					"element": "path",
+					"attr": {
+						"d": data.d,
+						"fill": "#000000"
+					}
+				});
+				marker.appendChild(arrow);
+				S.findDefs().appendChild(marker);
+			} 
+			marker.setAttribute('refX', data.refx);
+			return marker;
+		}
+		function setArrow() {
+			var type = this.value;
+			resetMarker();
+			if(type == "none") {
+				return;
+			}
+			// Set marker on element
+			var dir = "fw";
+			if(type == "mid_bk") {
+				type = "mid";
+				dir = "bk";
+			} else if(type == "both") {
+				addMarker("bk", type);
+				svgCanvas.changeSelectedAttribute("marker-start", "url(#" + pathdata.bk.id + ")");
+				type = "end";
+				dir = "fw";
+			} else if (type == "start") {
+				dir = "bk";
+			}
+			addMarker(dir, type);
+			svgCanvas.changeSelectedAttribute("marker-"+type, "url(#" + pathdata[dir].id + ")");
+			S.call("changed", selElems);
+		}
+		function colorChanged(elem) {
+			var color = elem.getAttribute('stroke');
+			var mtypes = ['start','mid','end'];
+			var defs = S.findDefs();
+			$.each(mtypes, function(i, type) {
+				var marker = getLinked(elem, 'marker-'+type);
+				if(!marker) return;
+				var cur_color = $(marker).children().attr('fill');
+				var cur_d = $(marker).children().attr('d');
+				var new_marker = null;
+				if(cur_color === color) return;
+				var all_markers = $(defs).find('marker');
+				// Different color, check if already made
+				all_markers.each(function() {
+					var attrs = $(this).children().attr(['fill', 'd']);
+					if(attrs.fill === color && attrs.d === cur_d) {
+						// Found another marker with this color and this path
+						new_marker = this;
+					}
+				});
+				if(!new_marker) {
+					// Create a new marker with this color
+					var last_id = marker.id;
+					var dir = last_id.indexOf('_fw') !== -1?'fw':'bk';
+					new_marker = addMarker(dir, type, arrowprefix + dir + all_markers.length);
+					$(new_marker).children().attr('fill', color);
+				}
+				$(elem).attr('marker-'+type, "url(#" + new_marker.id + ")");
+				// Check if last marker can be removed
+				var remove = true;
+				$(S.svgcontent).find('line, polyline, path, polygon').each(function() {
+					var elem = this;
+					$.each(mtypes, function(j, mtype) {
+						if($(elem).attr('marker-' + mtype) === "url(#" + marker.id + ")") {
+							return remove = false;
+						}
+					});
+					if(!remove) return false;
+				});
+				// Not found, so can safely remove
+				if(remove) {
+					$(marker).remove();
+				}
+			});
+		}
+		return {
+			name: "Arrows",
+			context_tools: [{
+				type: "select",
+				panel: "arrow_panel",
+				title: "Select arrow type",
+				id: "arrow_list",
+				options: {
+					none: "No arrow",
+					end: "----&gt;",
+					start: "&lt;----",
+					both: "&lt;---&gt;",
+					mid: "--&gt;--",
+					mid_bk: "--&lt;--"
+				},
+				defval: "none",
+				events: {
+					change: setArrow
+				}
+			}],
+			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 {
+					data: lang_list[lang]
+				};
+			},
+			selectedChanged: function(opts) {
+				// Use this to update the current selected elements
+				selElems = opts.elems;
+				var i = selElems.length;
+				var marker_elems = ['line','path','polyline','polygon'];
+				while(i--) {
+					var elem = selElems[i];
+					if(elem && $.inArray(elem.tagName, marker_elems) != -1) {
+						if(opts.selectedElement && !opts.multiselected) {
+							showPanel(true);
+						} else {
+							showPanel(false);
+						}
+					} else {
+						showPanel(false);
+					}
+				}
+			},
+			elementChanged: function(opts) {
+				var elem = opts.elems[0];
+				if(elem && (
+					elem.getAttribute("marker-start") ||
+					elem.getAttribute("marker-mid") ||
+					elem.getAttribute("marker-end")
+				)) {
+	// 								var start = elem.getAttribute("marker-start");
+	// 								var mid = elem.getAttribute("marker-mid");
+	// 								var end = elem.getAttribute("marker-end");
+					// Has marker, so see if it should match color
+					colorChanged(elem);
+				}
+			}
+		};
+});
--- a/OfficeJS/lib/svg-edit/extensions/ext-closepath.js
+++ b/OfficeJS/lib/svg-edit/extensions/ext-closepath.js
+/*
+ * ext-closepath.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Jeff Schiller
+ *
+ */
+// This extension adds a simple button to the contextual panel for paths
+// The button toggles whether the path is open or closed
+svgEditor.addExtension("ClosePath", function(S) {
+		var selElems,
+			updateButton = function(path) {
+				var seglist = path.pathSegList,
+					closed = seglist.getItem(seglist.numberOfItems - 1).pathSegType==1,
+					showbutton = closed ? '#tool_openpath' : '#tool_closepath',
+					hidebutton = closed ? '#tool_closepath' : '#tool_openpath';
+					$(hidebutton).hide();
+					$(showbutton).show();
+			},
+			showPanel = function(on) {
+				$('#closepath_panel').toggle(on);
+				if (on) {
+					var path = selElems[0];
+					if (path) updateButton(path);
+				}
+			},
+			toggleClosed = function() {
+				var path = selElems[0];
+				if (path) {
+					var seglist = path.pathSegList,
+						last = seglist.numberOfItems - 1;					
+					// is closed
+					if(seglist.getItem(last).pathSegType == 1) {
+						seglist.removeItem(last);
+					}
+					else {
+						seglist.appendItem(path.createSVGPathSegClosePath());
+					}
+					updateButton(path);
+				}
+			};
+		return {
+			name: "ClosePath",
+			svgicons: "extensions/closepath_icons.svg",
+			buttons: [{
+				id: "tool_openpath",
+				type: "context",
+				panel: "closepath_panel",
+				title: "Open path",
+				events: {
+					'click': function() {
+						toggleClosed();
+					}
+				}
+			},
+			{
+				id: "tool_closepath",
+				type: "context",
+				panel: "closepath_panel",
+				title: "Close path",
+				events: {
+					'click': function() {
+						toggleClosed();
+					}
+				}
+			}],
+			callback: function() {
+				$('#closepath_panel').hide();
+			},
+			selectedChanged: function(opts) {
+				selElems = opts.elems;
+				var i = selElems.length;
+				while(i--) {
+					var elem = selElems[i];
+					if(elem && elem.tagName == 'path') {
+						if(opts.selectedElement && !opts.multiselected) {
+							showPanel(true);
+						} else {
+							showPanel(false);
+						}
+					} else {
+						showPanel(false);
+					}
+				}
+			}
+		};
+});
--- a/OfficeJS/lib/svg-edit/extensions/ext-connector.js
+++ b/OfficeJS/lib/svg-edit/extensions/ext-connector.js
--- a/OfficeJS/lib/svg-edit/extensions/ext-eyedropper.js
+++ b/OfficeJS/lib/svg-edit/extensions/ext-eyedropper.js
+/*
+ * ext-eyedropper.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Jeff Schiller
+ *
+ */
+svgEditor.addExtension("eyedropper", function(S) {
+		var svgcontent = S.svgcontent,
+			svgns = "http://www.w3.org/2000/svg",
+			svgdoc = S.svgroot.parentNode.ownerDocument,
+			ChangeElementCommand = svgCanvas.getPrivateMethods().ChangeElementCommand,
+			addToHistory = svgCanvas.getPrivateMethods().addCommandToHistory,
+			currentStyle = {fillPaint: "red", fillOpacity: 1.0,
+							strokePaint: "black", strokeOpacity: 1.0, 
+							strokeWidth: 5, strokeDashArray: null,
+							opacity: 1.0,
+							strokeLinecap: 'butt',
+							strokeLinejoin: 'miter',
+							};
+		function getStyle(opts) {
+			// if we are in eyedropper mode, we don't want to disable the eye-dropper tool
+			var mode = svgCanvas.getMode();
+			if (mode == "eyedropper") return;
+			var elem = null;
+			var tool = $('#tool_eyedropper');
+			// enable-eye-dropper if one element is selected
+			if (opts.elems.length == 1 && opts.elems[0] && 
+				$.inArray(opts.elems[0].nodeName, ['svg', 'g', 'use']) == -1) 
+			{
+				elem = opts.elems[0];
+				tool.removeClass('disabled');
+				// grab the current style
+				currentStyle.fillPaint = elem.getAttribute("fill") || "black";
+				currentStyle.fillOpacity = elem.getAttribute("fill-opacity") || 1.0;
+				currentStyle.strokePaint = elem.getAttribute("stroke");
+				currentStyle.strokeOpacity = elem.getAttribute("stroke-opacity") || 1.0;
+				currentStyle.strokeWidth = elem.getAttribute("stroke-width");
+				currentStyle.strokeDashArray = elem.getAttribute("stroke-dasharray");
+				currentStyle.strokeLinecap = elem.getAttribute("stroke-linecap");
+				currentStyle.strokeLinejoin = elem.getAttribute("stroke-linejoin");
+				currentStyle.opacity = elem.getAttribute("opacity") || 1.0;
+			}
+			// disable eye-dropper tool
+			else {
+				tool.addClass('disabled');
+			}
+		}
+		return {
+			name: "eyedropper",
+			svgicons: "extensions/eyedropper-icon.xml",
+			buttons: [{
+				id: "tool_eyedropper",
+				type: "mode",
+				title: "Eye Dropper Tool",
+				events: {
+					"click": function() {
+						svgCanvas.setMode("eyedropper");
+					}
+				}
+			}],
+			// if we have selected an element, grab its paint and enable the eye dropper button
+			selectedChanged: getStyle,
+			elementChanged: getStyle,
+			mouseDown: function(opts) {
+				var mode = svgCanvas.getMode();
+				if (mode == "eyedropper") {
+					var e = opts.event;
+					var target = e.target;
+					if ($.inArray(target.nodeName, ['svg', 'g', 'use']) == -1) {
+						var changes = {};
+						var change = function(elem, attrname, newvalue) {
+							changes[attrname] = elem.getAttribute(attrname);
+							elem.setAttribute(attrname, newvalue);
+						};
+						if (currentStyle.fillPaint) 		change(target, "fill", currentStyle.fillPaint);
+						if (currentStyle.fillOpacity) 		change(target, "fill-opacity", currentStyle.fillOpacity);
+						if (currentStyle.strokePaint) 		change(target, "stroke", currentStyle.strokePaint);
+						if (currentStyle.strokeOpacity) 	change(target, "stroke-opacity", currentStyle.strokeOpacity);
+						if (currentStyle.strokeWidth) 		change(target, "stroke-width", currentStyle.strokeWidth);
+						if (currentStyle.strokeDashArray) 	change(target, "stroke-dasharray", currentStyle.strokeDashArray);
+						if (currentStyle.opacity) 			change(target, "opacity", currentStyle.opacity);
+						if (currentStyle.strokeLinecap) 	change(target, "stroke-linecap", currentStyle.strokeLinecap);
+						if (currentStyle.strokeLinejoin) 	change(target, "stroke-linejoin", currentStyle.strokeLinejoin);
+						addToHistory(new ChangeElementCommand(target, changes));
+					}
+				}
+			},
+		};
+});
--- a/OfficeJS/lib/svg-edit/extensions/ext-foreignobject.js
+++ b/OfficeJS/lib/svg-edit/extensions/ext-foreignobject.js
+/*
+ * ext-foreignobject.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Jacques Distler 
+ * Copyright(c) 2010 Alexis Deveria 
+ *
+ */
+svgEditor.addExtension("foreignObject", function(S) {
+		var svgcontent = S.svgcontent,
+			addElem = S.addSvgElementFromJson,
+			selElems,
+			svgns = "http://www.w3.org/2000/svg",
+			xlinkns = "http://www.w3.org/1999/xlink",
+			xmlns = "http://www.w3.org/XML/1998/namespace",
+			xmlnsns = "http://www.w3.org/2000/xmlns/",
+			se_ns = "http://svg-edit.googlecode.com",
+			htmlns = "http://www.w3.org/1999/xhtml",
+			mathns = "http://www.w3.org/1998/Math/MathML",
+			editingforeign = false,
+			svgdoc = S.svgroot.parentNode.ownerDocument,
+			started,
+			newFO;
+		var properlySourceSizeTextArea = function(){
+			// TODO: remove magic numbers here and get values from CSS
+			var height = $('#svg_source_container').height() - 80;
+			$('#svg_source_textarea').css('height', height);
+		};
+		function showPanel(on) {
+			var fc_rules = $('#fc_rules');
+			if(!fc_rules.length) {
+				fc_rules = $('<style id="fc_rules"><\/style>').appendTo('head');
+			} 
+			fc_rules.text(!on?"":" #tool_topath { display: none !important; }");
+			$('#foreignObject_panel').toggle(on);
+		}
+		function toggleSourceButtons(on) {
+			$('#tool_source_save, #tool_source_cancel').toggle(!on);
+			$('#foreign_save, #foreign_cancel').toggle(on);
+		}
+		// Function: setForeignString(xmlString, elt)
+		// This function sets the content of element elt to the input XML.
+		//
+		// Parameters:
+		// xmlString - The XML text.
+		// elt - the parent element to append to
+		//
+		// Returns:
+		// This function returns false if the set was unsuccessful, true otherwise.
+		function setForeignString(xmlString) {
+			var elt = selElems[0];
+			try {
+				// convert string into XML document
+				var newDoc = Utils.text2xml('<svg xmlns="'+svgns+'" xmlns:xlink="'+xlinkns+'">'+xmlString+'</svg>');
+				// run it through our sanitizer to remove anything we do not support
+				S.sanitizeSvg(newDoc.documentElement);
+				elt.parentNode.replaceChild(svgdoc.importNode(newDoc.documentElement.firstChild, true), elt);
+				S.call("changed", [elt]);
+				svgCanvas.clearSelection();
+			} catch(e) {
+				console.log(e);
+				return false;
+			}
+			return true;
+		};
+		function showForeignEditor() {
+			var elt = selElems[0];
+			if (!elt || editingforeign) return;
+			editingforeign = true;
+			toggleSourceButtons(true);
+			elt.removeAttribute('fill');
+			var str = S.svgToString(elt, 0);
+			$('#svg_source_textarea').val(str);
+			$('#svg_source_editor').fadeIn();
+			properlySourceSizeTextArea();
+			$('#svg_source_textarea').focus();
+		}
+		function setAttr(attr, val) {
+			svgCanvas.changeSelectedAttribute(attr, val);
+			S.call("changed", selElems);
+		}
+		return {
+			name: "foreignObject",
+			svgicons: "extensions/foreignobject-icons.xml",
+			buttons: [{
+				id: "tool_foreign",
+				type: "mode",
+				title: "Foreign Object Tool",
+				events: {
+					'click': function() {
+						svgCanvas.setMode('foreign')
+					}
+				}
+			},{
+				id: "edit_foreign",
+				type: "context",
+				panel: "foreignObject_panel",
+				title: "Edit ForeignObject Content",
+				events: {
+					'click': function() {
+						showForeignEditor();
+					}
+				}
+			}],
+			context_tools: [{
+				type: "input",
+				panel: "foreignObject_panel",
+				title: "Change foreignObject's width",
+				id: "foreign_width",
+				label: "w",
+				size: 3,
+				events: {
+					change: function() {
+						setAttr('width', this.value);
+					}
+				}
+			},{
+				type: "input",
+				panel: "foreignObject_panel",
+				title: "Change foreignObject's height",
+				id: "foreign_height",
+				label: "h",
+				events: {
+					change: function() {
+						setAttr('height', this.value);
+					}
+				}
+			}, {
+				type: "input",
+				panel: "foreignObject_panel",
+				title: "Change foreignObject's font size",
+				id: "foreign_font_size",
+				label: "font-size",
+				size: 2,
+				defval: 16,
+				events: {
+					change: function() {
+						setAttr('font-size', this.value);
+					}
+				}
+			}
+			],
+			callback: function() {
+				$('#foreignObject_panel').hide();
+				var endChanges = function() {
+					$('#svg_source_editor').hide();
+					editingforeign = false;
+					$('#svg_source_textarea').blur();
+					toggleSourceButtons(false);
+				}
+				// TODO: Needs to be done after orig icon loads
+				setTimeout(function() {				
+					// Create source save/cancel buttons
+					var save = $('#tool_source_save').clone()
+						.hide().attr('id', 'foreign_save').unbind()
+						.appendTo("#tool_source_back").click(function() {
+							if (!editingforeign) return;
+							if (!setForeignString($('#svg_source_textarea').val())) {
+								$.confirm("Errors found. Revert to original?", function(ok) {
+									if(!ok) return false;
+									endChanges();
+								});
+							} else {
+								endChanges();
+							}
+							// setSelectMode();	
+						});
+					var cancel = $('#tool_source_cancel').clone()
+						.hide().attr('id', 'foreign_cancel').unbind()
+						.appendTo("#tool_source_back").click(function() {
+							endChanges();
+						});
+				}, 3000);
+			},
+			mouseDown: function(opts) {
+				var e = opts.event;
+				if(svgCanvas.getMode() == "foreign") {
+					started = true;
+					newFO = S.addSvgElementFromJson({
+						"element": "foreignObject",
+						"attr": {
+							"x": opts.start_x,
+							"y": opts.start_y,
+							"id": S.getNextId(),
+							"font-size": 16, //cur_text.font_size,
+							"width": "48",
+							"height": "20",
+							"style": "pointer-events:inherit"
+						}
+					});
+					var m = svgdoc.createElementNS(mathns, 'math');
+					m.setAttributeNS(xmlnsns, 'xmlns', mathns);
+					m.setAttribute('display', 'inline');
+					var mi = svgdoc.createElementNS(mathns, 'mi');
+					mi.setAttribute('mathvariant', 'normal');
+					mi.textContent = "\u03A6";
+					var mo = svgdoc.createElementNS(mathns, 'mo');
+					mo.textContent = "\u222A";
+					var mi2 = svgdoc.createElementNS(mathns, 'mi');
+					mi2.textContent = "\u2133";
+					m.appendChild(mi);
+					m.appendChild(mo);
+					m.appendChild(mi2);
+					newFO.appendChild(m);
+					return {
+						started: true
+					}
+				}
+			},
+			mouseUp: function(opts) {
+				var e = opts.event;
+				if(svgCanvas.getMode() == "foreign" && started) {
+					var attrs = $(newFO).attr(["width", "height"]);
+					keep = (attrs.width != 0 || attrs.height != 0);
+					svgCanvas.addToSelection([newFO], true);
+					return {
+						keep: keep,
+						element: newFO
+					}
+				}
+			},
+			selectedChanged: function(opts) {
+				// Use this to update the current selected elements
+				selElems = opts.elems;
+				var i = selElems.length;
+				while(i--) {
+					var elem = selElems[i];
+					if(elem && elem.tagName == "foreignObject") {
+						if(opts.selectedElement && !opts.multiselected) {
+							$('#foreign_font_size').val(elem.getAttribute("font-size"));
+							$('#foreign_width').val(elem.getAttribute("width"));
+							$('#foreign_height').val(elem.getAttribute("height"));
+							showPanel(true);
+						} else {
+							showPanel(false);
+						}
+					} else {
+						showPanel(false);
+					}
+				}
+			},
+			elementChanged: function(opts) {
+				var elem = opts.elems[0];
+			}
+		};
+});
--- a/OfficeJS/lib/svg-edit/extensions/ext-helloworld.js
+++ b/OfficeJS/lib/svg-edit/extensions/ext-helloworld.js
+/*
+ * ext-helloworld.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Alexis Deveria
+ *
+ */
+/* 
+	This is a very basic SVG-Edit extension. It adds a "Hello World" button in
+	the left panel. Clicking on the button, and then the canvas will show the
+ 	user the point on the canvas that was clicked on.
+*/
+svgEditor.addExtension("Hello World", function() {
+		return {
+			name: "Hello World",
+			// For more notes on how to make an icon file, see the source of
+			// the hellorworld-icon.xml
+			svgicons: "extensions/helloworld-icon.xml",
+			// Multiple buttons can be added in this array
+			buttons: [{
+				// Must match the icon ID in helloworld-icon.xml
+				id: "hello_world", 
+				// This indicates that the button will be added to the "mode"
+				// button panel on the left side
+				type: "mode", 
+				// Tooltip text
+				title: "Say 'Hello World'", 
+				// Events
+				events: {
+					'click': function() {
+						// The action taken when the button is clicked on.
+						// For "mode" buttons, any other button will 
+						// automatically be de-pressed.
+						svgCanvas.setMode("hello_world");
+					}
+				}
+			}],
+			// This is triggered when the main mouse button is pressed down 
+			// on the editor canvas (not the tool panels)
+			mouseDown: function() {
+				// Check the mode on mousedown
+				if(svgCanvas.getMode() == "hello_world") {
+					// The returned object must include "started" with 
+					// a value of true in order for mouseUp to be triggered
+					return {started: true};
+				}
+			},
+			// This is triggered from anywhere, but "started" must have been set
+			// to true (see above). Note that "opts" is an object with event info
+			mouseUp: function(opts) {
+				// Check the mode on mouseup
+				if(svgCanvas.getMode() == "hello_world") {
+					var zoom = svgCanvas.getZoom();
+					// Get the actual coordinate by dividing by the zoom value
+					var x = opts.mouse_x / zoom;
+					var y = opts.mouse_y / zoom;
+					var text = "Hello World!\n\nYou clicked here: " 
+						+ x + ", " + y;
+					// Show the text using the custom alert function
+					$.alert(text);
+				}
+			}
+		};
+});
--- a/OfficeJS/lib/svg-edit/extensions/ext-markers.js
+++ b/OfficeJS/lib/svg-edit/extensions/ext-markers.js
--- a/OfficeJS/lib/svg-edit/extensions/ext-server_opensave.js
+++ b/OfficeJS/lib/svg-edit/extensions/ext-server_opensave.js
+/*
+ * ext-server_opensave.js
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Alexis Deveria
+ *
+ */
+svgEditor.addExtension("server_opensave", {
+	callback: function() {
+		var save_svg_action = 'extensions/filesave.php';
+		var save_png_action = 'extensions/filesave.php';
+		// Create upload target (hidden iframe)
+		var target = $('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
+		svgEditor.setCustomHandlers({
+			save: function(win, data) {
+				var svg = '<?xml version="1.0"?>' + data;
+				var title = svgCanvas.getDocumentTitle();
+				var filename = title.replace(/[^a-z0-9\.\_\-]+/gi, '_');
+				var form = $('<form>').attr({
+					method: 'post',
+					action: save_svg_action,
+					target: 'output_frame'
+				})	.append('<input type="hidden" name="output_svg" value="' + encodeURI(svg) + '">')
+					.append('<input type="hidden" name="filename" value="' + filename + '">')
+					.appendTo('body')
+					.submit().remove();
+			},
+			pngsave: function(win, data) {
+				var issues = data.issues;
+				if(!$('#export_canvas').length) {
+					$('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
+				}
+				var c = $('#export_canvas')[0];
+				c.width = svgCanvas.contentW;
+				c.height = svgCanvas.contentH;
+				canvg(c, data.svg);
+				var datauri = c.toDataURL('image/png');
+				var uiStrings = svgEditor.uiStrings;
+				var note = '';
+				// Check if there's issues
+				if(issues.length) {
+					var pre = "\n \u2022 ";
+					note += ("\n\n" + pre + issues.join(pre));
+				} 
+				if(note.length) {
+					alert(note);
+				}
+				var title = svgCanvas.getDocumentTitle();
+				var filename = title.replace(/[^a-z0-9\.\_\-]+/gi, '_');
+				var form = $('<form>').attr({
+					method: 'post',
+					action: save_png_action,
+					target: 'output_frame'
+				})	.append('<input type="hidden" name="output_png" value="' + datauri + '">')
+					.append('<input type="hidden" name="filename" value="' + filename + '">')
+					.appendTo('body')
+					.submit().remove();
+			}
+		});
+		// Do nothing if client support is found
+		if(window.FileReader) return;
+		var cancelled = false;
+		// Change these to appropriate script file
+		var open_svg_action = 'extensions/fileopen.php?type=load_svg';
+		var import_svg_action = 'extensions/fileopen.php?type=import_svg';
+		var import_img_action = 'extensions/fileopen.php?type=import_img';
+		// Set up function for PHP uploader to use
+		svgEditor.processFile = function(str64, type) {
+			if(cancelled) {
+				cancelled = false;
+				return;
+			}
+			$('#dialog_box').hide();
+			if(type != 'import_img') {
+				var xmlstr = svgCanvas.Utils.decode64(str64);
+			}
+			switch ( type ) {
+				case 'load_svg':
+					svgCanvas.clear();
+					svgCanvas.setSvgString(xmlstr);
+					svgEditor.updateCanvas();
+					break;
+				case 'import_svg':
+					svgCanvas.importSvgString(xmlstr);
+					svgEditor.updateCanvas();					
+					break;
+				case 'import_img':
+					svgCanvas.setGoodImage(str64);
+					break;
+			}
+		}
+		// Create upload form
+		var open_svg_form = $('<form>');
+		open_svg_form.attr({
+			enctype: 'multipart/form-data',
+			method: 'post',
+			action: open_svg_action,
+			target: 'output_frame'
+		});
+		// Create import form
+		var import_svg_form = open_svg_form.clone().attr('action', import_svg_action);
+		// Create image form
+		var import_img_form = open_svg_form.clone().attr('action', import_img_action);
+		// It appears necessory to rebuild this input every time a file is 
+		// selected so the same file can be picked and the change event can fire.
+		function rebuildInput(form) {
+			form.empty();
+			var inp = $('<input type="file" name="svg_file">').appendTo(form);
+			function submit() {
+				// This submits the form, which returns the file data using svgEditor.uploadSVG
+				form.submit();
+				rebuildInput(form);
+				$.process_cancel("Uploading...", function() {
+					cancelled = true;
+					$('#dialog_box').hide();
+				});
+			}
+			if(form[0] == open_svg_form[0]) {
+				inp.change(function() {
+					// This takes care of the "are you sure" dialog box
+					svgEditor.openPrep(function(ok) {
+						if(!ok) {
+							rebuildInput(form);
+							return;
+						}
+						submit();
+					});
+				});
+			} else {
+				inp.change(function() {
+					// This submits the form, which returns the file data using svgEditor.uploadSVG
+					submit();
+				});
+			}
+		}
+		// Create the input elements
+		rebuildInput(open_svg_form);
+		rebuildInput(import_svg_form);
+		rebuildInput(import_img_form);
+		// Add forms to buttons
+		$("#tool_open").show().prepend(open_svg_form);
+		$("#tool_import").show().prepend(import_svg_form);
+		$("#tool_image").prepend(import_img_form);
+	}
+});
--- a/OfficeJS/lib/svg-edit/extensions/eyedropper-icon.xml
+++ b/OfficeJS/lib/svg-edit/extensions/eyedropper-icon.xml
+<svg xmlns="http://www.w3.org/2000/svg">
+<g id="tool_eyedropper">
+<svg viewBox="0 0 320 320" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <defs>
+  <radialGradient id="eyedropper_svg_6" cx="0.5" cy="0.5" r="0.5">
+   <stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
+   <stop offset="1" stop-color="#e5e5e5" stop-opacity="0.38"/>
+  </radialGradient>
+  <linearGradient id="eyedropper_svg_15" x1="0" y1="0" x2="0.58594" y2="0.55078">
+   <stop offset="0" stop-color="#ffffff" stop-opacity="0.57"/>
+   <stop offset="1" stop-color="#000056" stop-opacity="1"/>
+  </linearGradient>
+  <linearGradient id="eyedropper_svg_19" x1="0" y1="0" x2="1" y2="1">
+   <stop offset="0" stop-color="#ffffff" stop-opacity="1"/>
+   <stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
+  </linearGradient>
+ </defs>
+ <g display="inline">
+  <title>Layer 1</title>
+  <path d="m193.899994,73l-119.899979,118l-15,39.5l10.25,4.5l43.750015,-20l108.999969,-112l-28.100006,-30z" id="svg_3" fill="none" stroke="#000000" stroke-width="5"/>
+  <path d="m58.649994,232c-2.75,28.200012 -26.399994,28.950012 -21.899994,59c4.5,30.049988 55,28 55.5,-1.25c0.5,-29.25 -20.25,-28.75 -22.25,-54.75l-11.350006,-3z" id="svg_4" fill="#aa56ff" stroke="#000000" stroke-width="7"/>
+  <path d="m45.474976,269.275024l13.775024,0.474976l-0.75,16.75l-14.25,-1.25l1.224976,-15.974976z" id="svg_5" fill="url(#eyedropper_svg_6)" stroke-width="5" fill-opacity="0.73"/>
+  <path d="m217.899994,46c21.5,-101.549999 141.600006,20.449997 28.100006,33l-5,44l-63,-66l39.899994,-11z" id="svg_2" fill="#000000" stroke-width="5"/>
+  <path d="m206.825012,61.075008c3.712494,-2.46249 7.637482,-3.53751 14.424988,-5.575008c10.125,-16.5 32.875,-41.5 40.5,-35c7.625,6.5 -21.25,35.625 -37.5,39.25c-5.5,10.125 -8,13.875 -17.25,16.5c-2.837494,-8.162514 -4.262482,-12.337486 -0.174988,-15.174992z" id="svg_7" fill="url(#eyedropper_svg_15)" stroke-width="5"/>
+  <path d="m133.049988,134.75l46.950012,9.25l-66,70l-42.5,20.5l-11.5,-5l14,-37.5l59.049988,-57.25z" id="svg_11" fill="#aa56ff" stroke="#000000" stroke-width="7"/>
+  <path d="m71.425034,212.350006l9.050888,-20.022537l51.516724,-49.327469l8.507355,0.97197l-69.074966,68.378036z" id="svg_16" fill="url(#eyedropper_svg_19)" stroke-width="5"/>
+ </g>
+</svg>
+</g>
+	<g id="svg_eof"/>
+</svg>
\ No newline at end of file
--- a/OfficeJS/lib/svg-edit/extensions/eyedropper.png
+++ b/OfficeJS/lib/svg-edit/extensions/eyedropper.png
--- a/OfficeJS/lib/svg-edit/extensions/fileopen.php
+++ b/OfficeJS/lib/svg-edit/extensions/fileopen.php
+<!doctype html>
+<?php
+/*
+ * fileopen.php
+ * To be used with ext-server_opensave.js for SVG-edit
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Alexis Deveria
+ *
+ */
+	// Very minimal PHP file, all we do is Base64 encode the uploaded file and
+	// return it to the editor
+	$file = $_FILES['svg_file']['tmp_name'];
+	$output = file_get_contents($file);
+	$type = $_REQUEST['type'];
+	$prefix = '';
+	// Make Data URL prefix for import image
+	if($type == 'import_img') {
+		$info = getimagesize($file);
+		$prefix = 'data:' . $info['mime'] . ';base64,';
+	}
+?>
+<script>
+window.top.window.svgEditor.processFile("<?php echo $prefix . base64_encode($output); ?>", "<?php echo $type ?>");
+</script>  
\ No newline at end of file
--- a/OfficeJS/lib/svg-edit/extensions/filesave.php
+++ b/OfficeJS/lib/svg-edit/extensions/filesave.php
+<?php
+/*
+ * filesave.php
+ * To be used with ext-server_opensave.js for SVG-edit
+ *
+ * Licensed under the Apache License, Version 2
+ *
+ * Copyright(c) 2010 Alexis Deveria
+ *
+ */
+if(!isset($_POST['output_svg']) && !isset($_POST['output_png'])) {
+	die('post fail');
+}
+$file = '';
+$suffix = isset($_POST['output_svg'])?'.svg':'.png';
+if(isset($_POST['filename']) && strlen($_POST['filename']) > 0) {
+	$file = $_POST['filename'] . $suffix;
+} else {
+	$file = 'image' . $suffix;
+}
+if($suffix == '.svg') {
+	$mime = 'image/svg+xml';
+	$contents = rawurldecode($_POST['output_svg']);
+} else {
+	$mime = 'image/png';
+	$contents = $_POST['output_png'];
+	$pos = (strpos($contents, 'base64,') + 7);
+	$contents = base64_decode(substr($contents, $pos));
+}
+ header("Cache-Control: public");
+ header("Content-Description: File Transfer");
+ header("Content-Disposition: attachment; filename=" . $file);
+ header("Content-Type: " .  $mime);
+ header("Content-Transfer-Encoding: binary");
+ echo $contents;
+?>
\ No newline at end of file
--- a/OfficeJS/lib/svg-edit/extensions/foreignobject-icons.xml
+++ b/OfficeJS/lib/svg-edit/extensions/foreignobject-icons.xml
+<svg xmlns="http://www.w3.org/2000/svg">
+	<g id="tool_foreign">
+		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 84 84">
+		  <g fill="#444" opacity="0.2" transform="translate(6,6)">
+		  <path d="M42.8,74.3c0,4.3,0,5.9,11.8,5.9l4.1,0l0,3.8c-4.5-0.4-16.1-0.4-21.2-0.3c-5.1,0-16.6,0-21,0.4l0-3.8l4.1,0
+			c11.8,0,11.8-1.7,11.8-5.9l0-6.9C13.9,65.6,0,54.6,0,42c0-12.2,13.3-23.5,32.4-25.4l0-6.9c0-4.3,0-5.9-11.8-5.9l-4.1,0l0-3.8
+			c4.5,0.4,16.1,0.4,21.2,0.3c5.1,0,16.6,0,21-0.4l0,3.8l-4.1,0c-11.8,0-11.8,1.7-11.8,5.9l0,6.9C61.6,18.1,75.8,29.2,75.8,42
+			c0,12.4-13.8,23.9-33.1,25.4L42.8,74.3z M32.4,19.4c-18.7,2.5-19.9,16.2-19.9,22.6c0,7.6,2.3,20.2,20,22.5L32.4,19.4z M42.7,64.7
+			c18.8-2.2,20.7-15.4,20.6-22.8c0-9.3-3.5-20.6-20.7-22.6L42.7,64.7z"/>
+		  </g>
+		  <g fill="#444" opacity="0.3" transform="translate(4,4)">
+		  <path d="M42.8,74.3c0,4.3,0,5.9,11.8,5.9l4.1,0l0,3.8c-4.5-0.4-16.1-0.4-21.2-0.3c-5.1,0-16.6,0-21,0.4l0-3.8l4.1,0
+			c11.8,0,11.8-1.7,11.8-5.9l0-6.9C13.9,65.6,0,54.6,0,42c0-12.2,13.3-23.5,32.4-25.4l0-6.9c0-4.3,0-5.9-11.8-5.9l-4.1,0l0-3.8
+			c4.5,0.4,16.1,0.4,21.2,0.3c5.1,0,16.6,0,21-0.4l0,3.8l-4.1,0c-11.8,0-11.8,1.7-11.8,5.9l0,6.9C61.6,18.1,75.8,29.2,75.8,42
+			c0,12.4-13.8,23.9-33.1,25.4L42.8,74.3z M32.4,19.4c-18.7,2.5-19.9,16.2-19.9,22.6c0,7.6,2.3,20.2,20,22.5L32.4,19.4z M42.7,64.7
+			c18.8-2.2,20.7-15.4,20.6-22.8c0-9.3-3.5-20.6-20.7-22.6L42.7,64.7z"/>
+		  </g>
+		  <g fill="#444" opacity="0.5" transform="translate(2,2)">
+		  <path d="M42.8,74.3c0,4.3,0,5.9,11.8,5.9l4.1,0l0,3.8c-4.5-0.4-16.1-0.4-21.2-0.3c-5.1,0-16.6,0-21,0.4l0-3.8l4.1,0
+			c11.8,0,11.8-1.7,11.8-5.9l0-6.9C13.9,65.6,0,54.6,0,42c0-12.2,13.3-23.5,32.4-25.4l0-6.9c0-4.3,0-5.9-11.8-5.9l-4.1,0l0-3.8
+			c4.5,0.4,16.1,0.4,21.2,0.3c5.1,0,16.6,0,21-0.4l0,3.8l-4.1,0c-11.8,0-11.8,1.7-11.8,5.9l0,6.9C61.6,18.1,75.8,29.2,75.8,42
+			c0,12.4-13.8,23.9-33.1,25.4L42.8,74.3z M32.4,19.4c-18.7,2.5-19.9,16.2-19.9,22.6c0,7.6,2.3,20.2,20,22.5L32.4,19.4z M42.7,64.7
+			c18.8-2.2,20.7-15.4,20.6-22.8c0-9.3-3.5-20.6-20.7-22.6L42.7,64.7z"/>
+		  </g>
+		  <g fill="#0000CC">
+		  <path id="xyz321" d="M42.8,74.3c0,4.3,0,5.9,11.8,5.9l4.1,0l0,3.8c-4.5-0.4-16.1-0.4-21.2-0.3c-5.1,0-16.6,0-21,0.4l0-3.8l4.1,0
+			c11.8,0,11.8-1.7,11.8-5.9l0-6.9C13.9,65.6,0,54.6,0,42c0-12.2,13.3-23.5,32.4-25.4l0-6.9c0-4.3,0-5.9-11.8-5.9l-4.1,0l0-3.8
+			c4.5,0.4,16.1,0.4,21.2,0.3c5.1,0,16.6,0,21-0.4l0,3.8l-4.1,0c-11.8,0-11.8,1.7-11.8,5.9l0,6.9C61.6,18.1,75.8,29.2,75.8,42
+			c0,12.4-13.8,23.9-33.1,25.4L42.8,74.3z M32.4,19.4c-18.7,2.5-19.9,16.2-19.9,22.6c0,7.6,2.3,20.2,20,22.5L32.4,19.4z M42.7,64.7
+			c18.8-2.2,20.7-15.4,20.6-22.8c0-9.3-3.5-20.6-20.7-22.6L42.7,64.7z"/>
+		  </g>
+		</svg>
+	</g>
+	<g id="edit_foreign">
+		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="34 38 170 170" overflow="hidden">
+		<g fill="#000088">
+			<path d="M30.1,63.9v-4.3l30.2-14.9V50L36.5,61.7l23.8,11.7v5.3L30.1,63.9z"/>
+			<path d="M106.1,79.7v-1.1c4.2-0.5,4.8-1.1,4.8-5.2V58.2c0-6-1.3-7.9-5.4-7.9c-3.3,0-5.7,1.3-7.8,4.4v18.1
+				c0,4.5,1.1,5.7,5.2,5.8v1.1H86.8v-1.1c4.1-0.3,4.9-1.1,4.9-5.1V57.9c0-5-1.6-7.6-4.8-7.6c-2.5,0-5.6,1.2-7.4,2.9
+				c-0.5,0.5-1.1,1.4-1.1,1.4v20.3c0,2.8,1.1,3.6,4.9,3.7v1.1h-16v-1.1c4-0.1,5-1.2,5-5V55.4c0-3.5-0.6-4.6-2.5-4.6
+				c-0.8,0-1.4,0.1-2.3,0.3v-1.2c4-1.1,6.4-1.9,10.1-3.2l0.5,0.1v5.4c6-4.5,8-5.5,11.2-5.5c3.9,0,6.3,1.9,7.6,6c3.9-4.2,7.6-6,11.7-6
+				c5.5,0,8.4,4.3,8.4,12.8v14.8c0,2.8,0.9,4.1,3.1,4.2l1.9,0.1v1.1H106.1z"/>
+			<path d="M147.3,80.5c-3,0-4.2-1.4-4.6-5.3c-4.4,3.7-7.3,5.3-10.5,5.3c-4.5,0-7.6-3.2-7.6-7.7c0-2.4,1-4.8,2.6-6.3
+				c3.1-2.7,4.3-3.3,15.4-7.8v-4.4c0-3.9-1.9-6-5.5-6c-2.9,0-5.2,1.6-5.2,3.5c0,0.5,0.1,1.1,0.2,1.7c0.1,0.5,0.1,0.9,0.1,1.2
+				c0,1.6-1.5,3-3.2,3s-3.1-1.4-3.1-3.1c0-1.8,1.2-3.9,3-5.4c2-1.7,5.5-2.7,9.1-2.7c4.4,0,7.5,1.4,9,4.2c1,1.7,1.4,3.7,1.4,7.3v14
+				c0,3.2,0.5,4.2,2.2,4.2c1.1,0,1.9-0.4,3.2-1.4v1.9C151.3,79.6,149.8,80.5,147.3,80.5z M142.6,60.5c-8.7,3.2-11.7,5.8-11.7,10v0.3
+				c0,3.1,2,5.5,4.5,5.5c1.5,0,3.5-0.6,5.3-1.6c1.5-0.9,1.9-1.6,1.9-3.8V60.5z"/>
+			<path d="M165.3,80.5c-4.2,0-6.3-3.1-6.3-9.1V49.7h-3.8c-0.2-0.1-0.3-0.3-0.3-0.5c0-0.4,0.4-0.9,1.2-1.4
+				c1.9-1.1,4.3-3.7,7-7.7c0.5-0.6,1-1.3,1.4-2c0.4,0,0.5,0.2,0.5,0.9v8.4h7.3v2.3h-7.3v20.6c0,4.6,1.1,6.5,3.7,6.5
+				c1.6,0,2.7-0.6,4.3-2.5l0.9,0.8C171.8,78.7,169,80.5,165.3,80.5z"/>
+			<path d="M193.8,79.7v-1.1c4.1-0.4,4.9-1.3,4.9-6.2V58.1c0-5-1.8-7.6-5.4-7.6c-2.8,0-5,1.2-8,4.5v17.4
+				c0,5,0.7,5.8,4.9,6.3v1.1h-15.6v-1.1c4.2-0.6,4.6-1.2,4.6-6.3V38.5c0-3.1-0.6-3.7-3.7-3.7c-0.4,0-0.6,0-0.9,0.1v-1.2l1.9-0.6
+				c4-1.2,5.8-1.7,8.3-2.6l0.4,0.2v21.9c3.3-4.3,6.3-6,10.6-6c5.9,0,8.9,3.9,8.9,11.5v14.3c0,5,0.4,5.5,4.3,6.3v1.1h-15.2V79.7z"/>
+			<path d="M59.1,116.1v-4.3l30.2-14.9v5.3l-23.8,11.7l23.8,11.7v5.3L59.1,116.1z"/>
+			<path d="M135.1,131.9v-1.1c4.2-0.5,4.8-1.1,4.8-5.2v-15.1c0-6-1.3-7.9-5.4-7.9c-3.3,0-5.7,1.3-7.8,4.4v18.1
+				c0,4.5,1.1,5.7,5.2,5.8v1.1h-16.1v-1.1c4.1-0.3,4.9-1.1,4.9-5.1v-15.7c0-5-1.6-7.6-4.8-7.6c-2.5,0-5.6,1.2-7.4,2.9
+				c-0.5,0.5-1.1,1.4-1.1,1.4v20.3c0,2.8,1.1,3.6,4.9,3.7v1.1h-16v-1.1c4-0.1,5-1.2,5-5v-18.2c0-3.5-0.6-4.6-2.5-4.6
+				c-0.8,0-1.4,0.1-2.3,0.3v-1.2c4-1.1,6.4-1.9,10.1-3.2l0.5,0.1v5.4c6-4.5,8-5.5,11.2-5.5c3.9,0,6.3,1.9,7.6,6c3.9-4.2,7.6-6,11.7-6
+				c5.5,0,8.4,4.3,8.4,12.8v14.8c0,2.8,0.9,4.1,3.1,4.2l1.9,0.1v1.1H135.1z"/>
+			<path d="M152.1,131.9v-1.1c5-0.3,5.7-1.1,5.7-6.3v-16.6c0-3.2-0.6-4.3-2.4-4.3c-0.6,0-1.6,0.1-2.4,0.2l-0.6,0.1v-1.1
+				l11.2-4L164,99v25.6c0,5.2,0.6,5.9,5.3,6.3v1.1L152.1,131.9L152.1,131.9z M160.8,93.1c-2,0-3.7-1.6-3.7-3.7c0-2,1.7-3.7,3.7-3.7
+				c2.1,0,3.7,1.7,3.7,3.7C164.6,91.6,163,93.1,160.8,93.1z"/>
+			<path d="M175.8,131v-5.3l23.7-11.8l-23.7-11.7v-5.3l30.1,14.9v4.3L175.8,131z"/>
+			<path d="M31.1,169.5v-4.3l30.2-14.9v5.3l-23.8,11.7L61.3,179v5.3L31.1,169.5z"/>
+			<path d="M71.3,186.4h-4.9l16.5-49.7h4.8L71.3,186.4z"/>
+			<path d="M127.1,185.3v-1.1c4.2-0.5,4.8-1.1,4.8-5.2v-15.2c0-6-1.3-7.9-5.4-7.9c-3.3,0-5.7,1.3-7.8,4.4v18.1
+				c0,4.5,1.1,5.7,5.2,5.8v1.1h-16.1v-1.1c4.1-0.3,4.9-1.1,4.9-5.1v-15.6c0-5-1.6-7.6-4.8-7.6c-2.5,0-5.6,1.2-7.4,2.9
+				c-0.5,0.5-1.1,1.4-1.1,1.4v20.3c0,2.8,1.1,3.6,4.9,3.7v1.1h-16v-1.1c4-0.1,5-1.2,5-5V161c0-3.5-0.6-4.6-2.5-4.6
+				c-0.8,0-1.4,0.1-2.3,0.3v-1.2c4-1.1,6.4-1.9,10.1-3.2l0.5,0.1v5.4c6-4.5,8-5.5,11.2-5.5c3.9,0,6.3,1.9,7.6,6c3.9-4.2,7.6-6,11.7-6
+				c5.5,0,8.4,4.3,8.4,12.8v14.8c0,2.8,0.9,4.1,3.1,4.2l1.9,0.1v1.1H127.1L127.1,185.3z"/>
+			<path d="M168.3,186.1c-3,0-4.2-1.4-4.6-5.3c-4.4,3.7-7.3,5.3-10.5,5.3c-4.5,0-7.6-3.2-7.6-7.7c0-2.4,1-4.8,2.6-6.3
+				c3.1-2.7,4.3-3.3,15.4-7.8v-4.4c0-3.9-1.9-6-5.5-6c-2.9,0-5.2,1.6-5.2,3.5c0,0.5,0.1,1.1,0.2,1.7c0.1,0.5,0.1,0.9,0.1,1.2
+				c0,1.6-1.5,3-3.2,3s-3.1-1.4-3.1-3.1c0-1.8,1.2-3.9,3-5.4c2-1.7,5.5-2.7,9.1-2.7c4.4,0,7.5,1.4,9,4.2c1,1.7,1.4,3.7,1.4,7.3v14
+				c0,3.2,0.5,4.2,2.2,4.2c1.1,0,1.9-0.4,3.2-1.4v1.9C172.3,185.2,170.8,186.1,168.3,186.1z M163.8,166.1c-8.7,3.2-11.7,5.8-11.7,10
+				v0.3c0,3.1,2,5.5,4.5,5.5c1.5,0,3.5-0.6,5.3-1.6c1.5-0.9,1.9-1.6,1.9-3.8V166.1z"/>
+			<path d="M186.3,186.1c-4.2,0-6.3-3.1-6.3-9.1v-21.7h-3.8c-0.2-0.1-0.3-0.3-0.3-0.5c0-0.4,0.4-0.9,1.2-1.4
+				c1.9-1.1,4.3-3.7,7-7.7c0.5-0.6,1-1.3,1.4-2c0.4,0,0.5,0.2,0.5,0.9v8.4h7.3v2.3h-7.3v20.6c0,4.6,1.1,6.5,3.7,6.5
+				c1.6,0,2.7-0.6,4.3-2.5l0.9,0.8C192.8,184.3,190,186.1,186.3,186.1z"/>
+			<path d="M209.1,185.3h-13.4v-1.1c4.2-0.6,4.6-1.2,4.6-6.3V144c0-3.1-0.6-3.7-3.7-3.7c-0.4,0-0.6,0-0.9,0.1v-1.2
+				l1.9-0.6c4-1.2,5.8-1.7,8.3-2.6l0.4,0.2v21.9c0.9-1.2,1.9-2.2,2.8-3.1"/>
+			<path d="M209.1,157.9c-0.8,0.7-1.7,1.5-2.7,2.6v17.4c0,4,0.4,5.3,2.7,5.9"/>
+		  </g>
+		  <g>
+			<polyline opacity="0.2" fill="#231F20" points="209.1,76.4 118.7,186.5 139.1,186.4 209.1,121 209.1,76.4 "/>
+			<polyline opacity="0.4" fill="#231F20" points="209.1,76.2 118.5,186.5 129.7,186.4 200.2,120.3 209.1,100.8 209.1,76.4 "/>
+			<path fill="#FFD761" d="M121.6,88.7l0.8,87.5l62.3-56.7c0,0-15.3-25.8-24.8-30C151.1,85.6,121.6,88.7,121.6,88.7z"/>
+			<path fill="#FEA01E" d="M209.1,19.5h-54l-33.5,69.2c0,0,29.7-3.4,38.3,0.8c8.9,4.4,25,30.8,25,30.8l24.2-50V19.5z"/>
+			<path d="M120.4,153.7l-0.6,25l23.8-16.9c0,0-8-7-11.2-8.1C129.4,152.8,120.4,153.7,120.4,153.7z"/>
+			<polyline fill="none" stroke="#231F20" stroke-width="5" points="153.9,19.5 121.6,88.7 120.7,181.2 186.6,120.3 209.1,70.3 "/>
+		  </g>
+		</svg>
+	</g>
+	<g id="svg_eof"/>
+</svg>
\ No newline at end of file
--- a/OfficeJS/lib/svg-edit/extensions/helloworld-icon.xml
+++ b/OfficeJS/lib/svg-edit/extensions/helloworld-icon.xml
+<svg xmlns="http://www.w3.org/2000/svg">
+<!-- 
+	Sample icons file. This file looks like an SVG file with groups as its
+	children. Each group element has an ID that must match the ID of the button given
+	in the extension. The SVG inside the group makes up the actual icon, and
+	needs use a viewBox instead of width/height for it to scale	properly.
+	Multiple icons can be included, each within their own group.
+-->
+	<g id="hello_world">
+		<svg width="102" height="102" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+		 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+		 <g>
+		  <title>Layer 1</title>
+		  <rect ry="30" rx="30" x="2.5" y="2.5" width="97" height="97" id="svg_3" fill="#008000" stroke="#000000" stroke-width="5"/>
+		  <text x="52.668" y="42.5" id="svg_1" fill="#ffffff" stroke="#000000" stroke-width="0" font-size="24" font-family="Monospace" text-anchor="middle" xml:space="preserve">Hello</text>
+		  <text x="52.668" y="71.5" fill="#ffffff" stroke="#000000" stroke-width="0" font-size="24" font-family="Monospace" text-anchor="middle" xml:space="preserve" id="svg_2">World!</text>
+		 </g>
+		</svg>
+	</g>
+</svg>
\ No newline at end of file
--- a/OfficeJS/lib/svg-edit/extensions/markers-icons.xml
+++ b/OfficeJS/lib/svg-edit/extensions/markers-icons.xml
+<svg xmlns="http://www.w3.org/2000/svg">
+    <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+    <g id="nomarker">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="#ff7f00" d="m-50,0l100,0"/>
+        </svg>
+    </g>
+    <g id="leftarrow">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="#ff7f00" d="m-50,0l100,40l-30,-40l30,-40z"/>
+        </svg>
+    </g>
+    <g id="rightarrow">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="#ff7f00" d="m50,0l-100,40l30,-40l-30,-40z"/>
+        </svg>
+    </g>
+    <g id="leftarrow_o">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="none" d="m-50,0l100,40l-30,-40l30,-40z"/>
+        </svg>
+    </g>
+    <g id="rightarrow_o">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="none" d="m50,0l-100,40l30,-40l-30,-40z"/>
+        </svg>
+    </g>
+    <g id="forwardslash">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="none" d="m-20,50l40,-100"/>
+        </svg>
+    </g>
+    <g id="reverseslash">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="none" d="m-20,-50l40,100"/>
+        </svg>
+    </g>
+    <g id="verticalslash">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="none" d="m0,-50l0,100"/>
+        </svg>
+    </g>
+    <g id="mcircle">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <circle stroke-width="10" stroke="#ff7f00" fill="#ff7f00" cy="0" cx="0" r="30"/>
+        </svg>
+    </g>
+    <g id="mcircle_o">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <circle stroke-width="10" stroke="#ff7f00" fill="none" cy="0" cx="0" r="30"/>
+        </svg>
+    </g>
+    <g id="xmark">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="#ff7f00" d="m-30,30l60,-60m0,60l-60,-60"/>
+        </svg>
+    </g>
+    <g id="box">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="#ff7f00" d="m-30,-30l0,60l60,0l0,-60z"/>
+        </svg>
+    </g>
+    <g id="star">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="#ff7f00" d="m-40,-20l80,0l-70,60l30,-80l30,80z"/>
+        </svg>
+    </g>
+    <g id="box_o">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="none" d="m-30,-30l0,60l60,0l0,-60z"/>
+        </svg>
+    </g>
+    <g id="star_o">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="none" d="m-40,-20l80,0l-70,60l30,-80l30,80z"/>
+        </svg>
+    </g>
+     <g id="triangle_o">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="none" d="M-30,30 L0,-30 L30,30 Z"/>
+        </svg>
+    </g>
+     <g id="triangle">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+            <path stroke-width="10" stroke="#ff7f00" fill="#ff7f00" d="M-30,30 L0,-30 L30,30 Z"/>
+        </svg>
+    </g>
+   <g id="textmarker">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+			<text xml:space="preserve" text-anchor="middle" font-family="serif" font-size="120"  y="40" x="0" stroke-width="0" stroke="#ff7f00" fill="#ff7f00">T</text>	
+        </svg>
+    </g>
+	<g id="mkr_markers_off">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+		   <line y2="0" x2="50" y1="0" x1="-50" stroke-width="5" stroke="#ff7f00" fill="none"/>
+       </svg>
+    </g>
+	<g id="mkr_markers_dimension">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+ 		   <line y2="0" x2="40" y1="0" x1="20" stroke-width="5" stroke="#ff7f00" fill="none"/>
+		   <line y2="0" x2="-40" y1="0" x1="-20" stroke-width="5" stroke="#ff7f00" fill="none"/>
+		   <text text-anchor="middle" font-family="serif" font-size="80"  y="20" x="0" stroke-width="0" stroke="#ff7f00" fill="#ff7f00">T</text>
+           <path stroke-width="5" stroke="#ff7f00" fill="#ff7f00" d="M-50,0 L-30,-15 L-30,15 Z"/>
+           <path stroke-width="5" stroke="#ff7f00" fill="#ff7f00" d="M50,0 L30,-15 L30,15 Z"/>
+ 		</svg>
+    </g>
+   	<g id="mkr_markers_label">
+        <svg viewBox="-60 -60 120 120" xmlns="http://www.w3.org/2000/svg">
+  		   <line y2="0" x2="40" y1="0" x1="-20" stroke-width="5" stroke="#ff7f00" fill="none"/>
+		   <text text-anchor="middle" font-family="serif" font-size="80"  y="20" x="-40" stroke-width="0" stroke="#ff7f00" fill="#ff7f00">T</text>
+           <path stroke-width="5" stroke="#ff7f00" fill="#ff7f00" d="M50,0 L30,-15 L30,15 Z"/>
+        </svg>
+    </g>
+	<g id="svg_eof"/>
+</svg>
--- a/OfficeJS/lib/svg-edit/images/README.txt
+++ b/OfficeJS/lib/svg-edit/images/README.txt
+filename                        origin
+align-bottom.png                http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-bottom.png
+align-bottom.svg                http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-bottom.svg
+align-center.png                http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-center.png
+align-center.svg                http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-center.svg
+align-left.png                  http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-left.png
+align-left.svg                  http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-left.svg
+align-middle.png                http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-center.png
+align-middle.svg                http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-center.svg
+align-right.png                 http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-right.png
+align-right.svg                 http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-right.svg
+align-top.png                   http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-top.png
+align-top.svg                   http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-top.svg
+bold.png
+cancel.png
+circle.png
+clear.png
+clone.png
+copy.png
+cut.png
+delete.png
+document-properties.png
+dropdown.gif
+ellipse.png
+eye.png
+flyouth.png
+flyup.gif
+freehand-circle.png
+freehand-square.png
+go-down.png
+go-up.png
+image.png
+italic.png
+line.png
+logo.png
+logo.svg
+move_bottom.png
+move_top.png
+none.png
+open.png
+paste.png
+path.png
+polygon.png                     http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/draw-polygon.png
+polygon.svg                     http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/draw-polygon.svg
+rect.png
+redo.png
+rotate.png
+save.png
+select.png
+sep.png
+shape_group.png
+shape_ungroup.png
+source.png
+square.png
+text.png                        http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/draw-text.png
+text.svg                        http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/draw-text.svg
+undo.png
+view-refresh.png
+wave.png
+zoom.png                        http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/page-magnifier.png
--- a/OfficeJS/lib/svg-edit/images/align-bottom.png
+++ b/OfficeJS/lib/svg-edit/images/align-bottom.png
--- a/OfficeJS/lib/svg-edit/images/align-bottom.svg
+++ b/OfficeJS/lib/svg-edit/images/align-bottom.svg
--- a/OfficeJS/lib/svg-edit/images/align-center.png
+++ b/OfficeJS/lib/svg-edit/images/align-center.png
--- a/OfficeJS/lib/svg-edit/images/align-center.svg
+++ b/OfficeJS/lib/svg-edit/images/align-center.svg
--- a/OfficeJS/lib/svg-edit/images/align-left.png
+++ b/OfficeJS/lib/svg-edit/images/align-left.png
--- a/OfficeJS/lib/svg-edit/images/align-left.svg
+++ b/OfficeJS/lib/svg-edit/images/align-left.svg
--- a/OfficeJS/lib/svg-edit/images/align-middle.png
+++ b/OfficeJS/lib/svg-edit/images/align-middle.png
--- a/OfficeJS/lib/svg-edit/images/align-middle.svg
+++ b/OfficeJS/lib/svg-edit/images/align-middle.svg
--- a/OfficeJS/lib/svg-edit/images/align-right.png
+++ b/OfficeJS/lib/svg-edit/images/align-right.png
--- a/OfficeJS/lib/svg-edit/images/align-right.svg
+++ b/OfficeJS/lib/svg-edit/images/align-right.svg
--- a/OfficeJS/lib/svg-edit/images/align-top.png
+++ b/OfficeJS/lib/svg-edit/images/align-top.png
--- a/OfficeJS/lib/svg-edit/images/align-top.svg
+++ b/OfficeJS/lib/svg-edit/images/align-top.svg
--- a/OfficeJS/lib/svg-edit/images/bold.png
+++ b/OfficeJS/lib/svg-edit/images/bold.png
--- a/OfficeJS/lib/svg-edit/images/cancel.png
+++ b/OfficeJS/lib/svg-edit/images/cancel.png
--- a/OfficeJS/lib/svg-edit/images/circle.png
+++ b/OfficeJS/lib/svg-edit/images/circle.png
--- a/OfficeJS/lib/svg-edit/images/clear.png
+++ b/OfficeJS/lib/svg-edit/images/clear.png
--- a/OfficeJS/lib/svg-edit/images/clone.png
+++ b/OfficeJS/lib/svg-edit/images/clone.png
--- a/OfficeJS/lib/svg-edit/images/conn.svg
+++ b/OfficeJS/lib/svg-edit/images/conn.svg
+<svg xmlns="http://www.w3.org/2000/svg">
+	<g id="mode_connect">
+		<svg viewBox="0 0 24 24" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+		 <defs>
+		  <line stroke-width="5" fill="none" stroke="#000000" id="svg_2" y2="121" x2="136" y1="7" x1="136">
+		   <stop stop-opacity="1" stop-color="#4687a0"/>
+		   <stop stop-opacity="1" stop-color="#ffffff"/>
+		  </line>
+		  <linearGradient y2="0.18359" x2="0.29688" y1="0.92188" x1="0.62109" id="svg_3">
+		   <stop stop-opacity="1" stop-color="#417dad" offset="0"/>
+		   <stop stop-opacity="1" stop-color="#ffffff" offset="1"/>
+		  </linearGradient>
+		 </defs>
+		 <g>
+		  <title>Layer 1</title>
+		  <line x1="5.64676" y1="5.60056" x2="18.50037" y2="18.62557" id="svg_5" stroke="#000000" fill="none"/>
+		  <rect opacity="0.75" stroke-width="0.5" x="0.5" y="0.5" width="9.625" height="5.125" id="svg_1" fill="url(#svg_3)" stroke="#000000"/>
+		  <rect opacity="0.75" id="svg_4" stroke-width="0.5" x="13.75" y="18.25" width="9.625" height="5.125" fill="url(#svg_3)" stroke="#000000"/>
+		  <g id="svg_9">
+		   <path d="m14.57119,9.12143l-0.98244,5.18852l2.70861,-4.36084" id="svg_6" fill="#a0a0a0" stroke="#000000"/>
+		   <path d="m14.27564,6.76258c-0.25872,0.72562 -0.40735,1.65632 -0.33812,2.15432l2.90784,1.2509c0.30961,-0.21212 1.08198,-1.1814 1.08198,-1.73736" id="svg_7" fill="url(#svg_3)" stroke="#000000"/>
+		   <path d="m16.28893,0.37519l-2.46413,5.9304l4.76481,2.39435l2.13178,-4.96735" id="svg_8" fill="url(#svg_3)" stroke="#000000"/>
+		  </g>
+		 </g>
+		</svg>
+	</g>
+	<g id="svg_eof"/>
+</svg>
\ No newline at end of file
--- a/OfficeJS/lib/svg-edit/images/copy.png
+++ b/OfficeJS/lib/svg-edit/images/copy.png
--- a/OfficeJS/lib/svg-edit/images/cut.png
+++ b/OfficeJS/lib/svg-edit/images/cut.png
--- a/OfficeJS/lib/svg-edit/images/delete.png
+++ b/OfficeJS/lib/svg-edit/images/delete.png
--- a/OfficeJS/lib/svg-edit/images/document-properties.png
+++ b/OfficeJS/lib/svg-edit/images/document-properties.png
--- a/OfficeJS/lib/svg-edit/images/dropdown.gif
+++ b/OfficeJS/lib/svg-edit/images/dropdown.gif
--- a/OfficeJS/lib/svg-edit/images/ellipse.png
+++ b/OfficeJS/lib/svg-edit/images/ellipse.png
--- a/OfficeJS/lib/svg-edit/images/eye.png
+++ b/OfficeJS/lib/svg-edit/images/eye.png
--- a/OfficeJS/lib/svg-edit/images/fhpath.png
+++ b/OfficeJS/lib/svg-edit/images/fhpath.png
--- a/OfficeJS/lib/svg-edit/images/flyouth.png
+++ b/OfficeJS/lib/svg-edit/images/flyouth.png
--- a/OfficeJS/lib/svg-edit/images/flyup.gif
+++ b/OfficeJS/lib/svg-edit/images/flyup.gif
--- a/OfficeJS/lib/svg-edit/images/freehand-circle.png
+++ b/OfficeJS/lib/svg-edit/images/freehand-circle.png
--- a/OfficeJS/lib/svg-edit/images/freehand-square.png
+++ b/OfficeJS/lib/svg-edit/images/freehand-square.png
--- a/OfficeJS/lib/svg-edit/images/go-down.png
+++ b/OfficeJS/lib/svg-edit/images/go-down.png
--- a/OfficeJS/lib/svg-edit/images/go-up.png
+++ b/OfficeJS/lib/svg-edit/images/go-up.png
--- a/OfficeJS/lib/svg-edit/images/image.png
+++ b/OfficeJS/lib/svg-edit/images/image.png
--- a/OfficeJS/lib/svg-edit/images/italic.png
+++ b/OfficeJS/lib/svg-edit/images/italic.png
--- a/OfficeJS/lib/svg-edit/images/line.png
+++ b/OfficeJS/lib/svg-edit/images/line.png
--- a/OfficeJS/lib/svg-edit/images/link_controls.png
+++ b/OfficeJS/lib/svg-edit/images/link_controls.png
--- a/OfficeJS/lib/svg-edit/images/logo.png
+++ b/OfficeJS/lib/svg-edit/images/logo.png
--- a/OfficeJS/lib/svg-edit/images/logo.svg
+++ b/OfficeJS/lib/svg-edit/images/logo.svg
+<svg viewBox="0 0 478 472" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <linearGradient id="svg_5" x1="0" y1="0" x2="1" y2="1">
+   <stop offset="0" stop-color="#ffffe0" stop-opacity="1"/>
+   <stop offset="1" stop-color="#edc39c" stop-opacity="1"/>
+  </linearGradient>
+  <linearGradient id="svg_10" x1="0.57031" y1="0.78125" x2="0.28906" y2="0.41406">
+   <stop offset="0" stop-color="#ff7f00" stop-opacity="1"/>
+   <stop offset="1" stop-color="#ffff00"/>
+  </linearGradient>
+  <linearGradient id="svg_18" x1="0.37891" y1="0.35938" x2="1" y2="1">
+   <stop offset="0" stop-color="#e0e0e0" stop-opacity="1"/>
+   <stop offset="1" stop-color="#666666" stop-opacity="1"/>
+  </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"/>
+  <path d="m335.57031,40.29688c-11.5,39.75 55.5,115.25 109.25,98.75l21,-20.99999l-103,-101l-27.25,23.25z" id="svg_11" fill="url(#svg_18)" stroke="#ffffff" stroke-width="0"/>
+  <rect x="272.80404" y="20.76382" width="42.35197" height="232.66835" id="svg_13" fill="#ffffff" stroke="#ffffff" stroke-width="0" transform="rotate(45.9094, 293.98, 137.1)" opacity="0.4"/>
+  <rect x="282.80404" y="22.76382" width="14" height="232.66835" fill="#ffffff" stroke="#ffffff" stroke-width="0" transform="rotate(45.9094, 289.805, 139.1)" opacity="0.4" id="svg_14"/>
+  <ellipse cx="415.13312" cy="64.38066" id="svg_12" fill="#ea7598" stroke="#ffffff" stroke-width="0" rx="67.79251" ry="34.82026" transform="rotate(39.4735, 415.133, 64.379)"/>
+  <path d="m212.07031,166.04688c-8.5,47 36.25,103.75 99.25,96.75l-152.5,53.25l53.25,-150z" id="svg_4" fill="url(#svg_5)" stroke="#ffffff" stroke-width="0"/>
+  <path d="m181.32031,242.54688c0.5,20.5 26.75,45 46.75,48.5l-66.25,20l19.5,-68.5z" id="svg_3" fill="#27382f" stroke="#ffffff" stroke-width="0"/>
+ </g>
+ <g>
+  <title>Layer 2</title>
+  <path d="m152.82031,317.04688l51,-152l157,-153c40,-12.00001 118,48 105,105l-157,152.99999l-156,47z" id="svg_1" fill="none" stroke="#800000" stroke-width="17"/>
+ </g>
+</svg>
--- a/OfficeJS/lib/svg-edit/images/move_bottom.png
+++ b/OfficeJS/lib/svg-edit/images/move_bottom.png
--- a/OfficeJS/lib/svg-edit/images/move_top.png
+++ b/OfficeJS/lib/svg-edit/images/move_top.png
--- a/OfficeJS/lib/svg-edit/images/node_clone.png
+++ b/OfficeJS/lib/svg-edit/images/node_clone.png
--- a/OfficeJS/lib/svg-edit/images/node_delete.png
+++ b/OfficeJS/lib/svg-edit/images/node_delete.png
--- a/OfficeJS/lib/svg-edit/images/none.png
+++ b/OfficeJS/lib/svg-edit/images/none.png
--- a/OfficeJS/lib/svg-edit/images/open.png
+++ b/OfficeJS/lib/svg-edit/images/open.png
--- a/OfficeJS/lib/svg-edit/images/paste.png
+++ b/OfficeJS/lib/svg-edit/images/paste.png
--- a/OfficeJS/lib/svg-edit/images/path.png
+++ b/OfficeJS/lib/svg-edit/images/path.png
--- a/OfficeJS/lib/svg-edit/images/polygon.png
+++ b/OfficeJS/lib/svg-edit/images/polygon.png
--- a/OfficeJS/lib/svg-edit/images/polygon.svg
+++ b/OfficeJS/lib/svg-edit/images/polygon.svg
--- a/OfficeJS/lib/svg-edit/images/rect.png
+++ b/OfficeJS/lib/svg-edit/images/rect.png
--- a/OfficeJS/lib/svg-edit/images/redo.png
+++ b/OfficeJS/lib/svg-edit/images/redo.png
--- a/OfficeJS/lib/svg-edit/images/reorient.png
+++ b/OfficeJS/lib/svg-edit/images/reorient.png
--- a/OfficeJS/lib/svg-edit/images/rotate.png
+++ b/OfficeJS/lib/svg-edit/images/rotate.png
--- a/OfficeJS/lib/svg-edit/images/save.png
+++ b/OfficeJS/lib/svg-edit/images/save.png
--- a/OfficeJS/lib/svg-edit/images/select.png
+++ b/OfficeJS/lib/svg-edit/images/select.png
--- a/OfficeJS/lib/svg-edit/images/select_node.png
+++ b/OfficeJS/lib/svg-edit/images/select_node.png
--- a/OfficeJS/lib/svg-edit/images/sep.png
+++ b/OfficeJS/lib/svg-edit/images/sep.png
--- a/OfficeJS/lib/svg-edit/images/shape_group.png
+++ b/OfficeJS/lib/svg-edit/images/shape_group.png
--- a/OfficeJS/lib/svg-edit/images/shape_ungroup.png
+++ b/OfficeJS/lib/svg-edit/images/shape_ungroup.png
--- a/OfficeJS/lib/svg-edit/images/source.png
+++ b/OfficeJS/lib/svg-edit/images/source.png
--- a/OfficeJS/lib/svg-edit/images/spinbtn_updn_big.png
+++ b/OfficeJS/lib/svg-edit/images/spinbtn_updn_big.png
--- a/OfficeJS/lib/svg-edit/images/square.png
+++ b/OfficeJS/lib/svg-edit/images/square.png
--- a/OfficeJS/lib/svg-edit/images/svg_edit_icons.svg
+++ b/OfficeJS/lib/svg-edit/images/svg_edit_icons.svg
--- a/OfficeJS/lib/svg-edit/images/svg_edit_icons.svgz
+++ b/OfficeJS/lib/svg-edit/images/svg_edit_icons.svgz
--- a/OfficeJS/lib/svg-edit/images/text.png
+++ b/OfficeJS/lib/svg-edit/images/text.png
--- a/OfficeJS/lib/svg-edit/images/text.svg
+++ b/OfficeJS/lib/svg-edit/images/text.svg
--- a/OfficeJS/lib/svg-edit/images/to_path.png
+++ b/OfficeJS/lib/svg-edit/images/to_path.png
--- a/OfficeJS/lib/svg-edit/images/undo.png
+++ b/OfficeJS/lib/svg-edit/images/undo.png
--- a/OfficeJS/lib/svg-edit/images/view-refresh.png
+++ b/OfficeJS/lib/svg-edit/images/view-refresh.png
--- a/OfficeJS/lib/svg-edit/images/wave.png
+++ b/OfficeJS/lib/svg-edit/images/wave.png
--- a/OfficeJS/lib/svg-edit/images/wireframe.png
+++ b/OfficeJS/lib/svg-edit/images/wireframe.png
--- a/OfficeJS/lib/svg-edit/images/zoom.png
+++ b/OfficeJS/lib/svg-edit/images/zoom.png
--- a/OfficeJS/lib/svg-edit/jgraduate/LICENSE
+++ b/OfficeJS/lib/svg-edit/jgraduate/LICENSE
--- a/OfficeJS/lib/svg-edit/jgraduate/README
+++ b/OfficeJS/lib/svg-edit/jgraduate/README
+jGraduate - A jQuery plugin for picking gradients
+Licensed under the Apache License 2.  See LICENSE for more information.
--- a/OfficeJS/lib/svg-edit/jgraduate/css/jPicker-1.0.12.css
+++ b/OfficeJS/lib/svg-edit/jgraduate/css/jPicker-1.0.12.css
--- a/OfficeJS/lib/svg-edit/jgraduate/css/jgraduate.css
+++ b/OfficeJS/lib/svg-edit/jgraduate/css/jgraduate.css
--- a/OfficeJS/lib/svg-edit/jgraduate/images/AlphaBar.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/AlphaBar.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/Bars.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/Bars.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/Maps.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/Maps.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/NoColor.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/NoColor.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/bar-opacity.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/bar-opacity.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/map-opacity.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/map-opacity.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/mappoint.gif
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/mappoint.gif
--- a/OfficeJS/lib/svg-edit/jgraduate/images/mappoint_c.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/mappoint_c.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/mappoint_f.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/mappoint_f.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/picker.gif
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/picker.gif
--- a/OfficeJS/lib/svg-edit/jgraduate/images/preview-opacity.png
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/preview-opacity.png
--- a/OfficeJS/lib/svg-edit/jgraduate/images/rangearrows.gif
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/rangearrows.gif
--- a/OfficeJS/lib/svg-edit/jgraduate/images/rangearrows2.gif
+++ b/OfficeJS/lib/svg-edit/jgraduate/images/rangearrows2.gif
--- a/OfficeJS/lib/svg-edit/jgraduate/jpicker-1.0.12.min.js
+++ b/OfficeJS/lib/svg-edit/jgraduate/jpicker-1.0.12.min.js
--- a/OfficeJS/lib/svg-edit/jgraduate/jquery.jgraduate.js
+++ b/OfficeJS/lib/svg-edit/jgraduate/jquery.jgraduate.js
--- a/OfficeJS/lib/svg-edit/jgraduate/jquery.jgraduate.min.js
+++ b/OfficeJS/lib/svg-edit/jgraduate/jquery.jgraduate.min.js
--- a/OfficeJS/lib/svg-edit/jquery-ui/jquery-ui-1.8.custom.min.js
+++ b/OfficeJS/lib/svg-edit/jquery-ui/jquery-ui-1.8.custom.min.js
--- a/OfficeJS/lib/svg-edit/jquery.js
+++ b/OfficeJS/lib/svg-edit/jquery.js
--- a/OfficeJS/lib/svg-edit/jquerybbq/jquery.bbq.min.js
+++ b/OfficeJS/lib/svg-edit/jquerybbq/jquery.bbq.min.js
--- a/OfficeJS/lib/svg-edit/js-hotkeys/README.md
+++ b/OfficeJS/lib/svg-edit/js-hotkeys/README.md
--- a/OfficeJS/lib/svg-edit/js-hotkeys/jquery.hotkeys.min.js
+++ b/OfficeJS/lib/svg-edit/js-hotkeys/jquery.hotkeys.min.js
--- a/OfficeJS/lib/svg-edit/locale/README.txt
+++ b/OfficeJS/lib/svg-edit/locale/README.txt
--- a/OfficeJS/lib/svg-edit/locale/lang.af.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.af.js
--- a/OfficeJS/lib/svg-edit/locale/lang.ar.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.ar.js
--- a/OfficeJS/lib/svg-edit/locale/lang.az.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.az.js
--- a/OfficeJS/lib/svg-edit/locale/lang.be.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.be.js
--- a/OfficeJS/lib/svg-edit/locale/lang.bg.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.bg.js
--- a/OfficeJS/lib/svg-edit/locale/lang.ca.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.ca.js
--- a/OfficeJS/lib/svg-edit/locale/lang.cs.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.cs.js
--- a/OfficeJS/lib/svg-edit/locale/lang.cy.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.cy.js
--- a/OfficeJS/lib/svg-edit/locale/lang.da.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.da.js
--- a/OfficeJS/lib/svg-edit/locale/lang.de.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.de.js
--- a/OfficeJS/lib/svg-edit/locale/lang.el.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.el.js
--- a/OfficeJS/lib/svg-edit/locale/lang.en.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.en.js
--- a/OfficeJS/lib/svg-edit/locale/lang.es.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.es.js
--- a/OfficeJS/lib/svg-edit/locale/lang.et.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.et.js
--- a/OfficeJS/lib/svg-edit/locale/lang.fa.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.fa.js
--- a/OfficeJS/lib/svg-edit/locale/lang.fi.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.fi.js
--- a/OfficeJS/lib/svg-edit/locale/lang.fr.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.fr.js
--- a/OfficeJS/lib/svg-edit/locale/lang.fy.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.fy.js
--- a/OfficeJS/lib/svg-edit/locale/lang.ga.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.ga.js
--- a/OfficeJS/lib/svg-edit/locale/lang.gl.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.gl.js
--- a/OfficeJS/lib/svg-edit/locale/lang.he.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.he.js
--- a/OfficeJS/lib/svg-edit/locale/lang.hi.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.hi.js
--- a/OfficeJS/lib/svg-edit/locale/lang.hr.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.hr.js
--- a/OfficeJS/lib/svg-edit/locale/lang.hu.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.hu.js
--- a/OfficeJS/lib/svg-edit/locale/lang.hy.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.hy.js
--- a/OfficeJS/lib/svg-edit/locale/lang.id.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.id.js
--- a/OfficeJS/lib/svg-edit/locale/lang.is.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.is.js
--- a/OfficeJS/lib/svg-edit/locale/lang.it.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.it.js
--- a/OfficeJS/lib/svg-edit/locale/lang.ja.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.ja.js
--- a/OfficeJS/lib/svg-edit/locale/lang.ko.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.ko.js
--- a/OfficeJS/lib/svg-edit/locale/lang.lt.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.lt.js
--- a/OfficeJS/lib/svg-edit/locale/lang.lv.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.lv.js
--- a/OfficeJS/lib/svg-edit/locale/lang.mk.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.mk.js
--- a/OfficeJS/lib/svg-edit/locale/lang.ms.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.ms.js
--- a/OfficeJS/lib/svg-edit/locale/lang.mt.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.mt.js
--- a/OfficeJS/lib/svg-edit/locale/lang.nl.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.nl.js
--- a/OfficeJS/lib/svg-edit/locale/lang.no.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.no.js
--- a/OfficeJS/lib/svg-edit/locale/lang.pl.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.pl.js
--- a/OfficeJS/lib/svg-edit/locale/lang.pt-BR.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.pt-BR.js
--- a/OfficeJS/lib/svg-edit/locale/lang.pt-PT.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.pt-PT.js
--- a/OfficeJS/lib/svg-edit/locale/lang.ro.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.ro.js
--- a/OfficeJS/lib/svg-edit/locale/lang.ru.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.ru.js
--- a/OfficeJS/lib/svg-edit/locale/lang.sk.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.sk.js
--- a/OfficeJS/lib/svg-edit/locale/lang.sl.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.sl.js
--- a/OfficeJS/lib/svg-edit/locale/lang.sq.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.sq.js
--- a/OfficeJS/lib/svg-edit/locale/lang.sr.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.sr.js
--- a/OfficeJS/lib/svg-edit/locale/lang.sv.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.sv.js
--- a/OfficeJS/lib/svg-edit/locale/lang.sw.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.sw.js
--- a/OfficeJS/lib/svg-edit/locale/lang.th.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.th.js
--- a/OfficeJS/lib/svg-edit/locale/lang.tl.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.tl.js
--- a/OfficeJS/lib/svg-edit/locale/lang.tr.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.tr.js
--- a/OfficeJS/lib/svg-edit/locale/lang.uk.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.uk.js
--- a/OfficeJS/lib/svg-edit/locale/lang.vi.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.vi.js
--- a/OfficeJS/lib/svg-edit/locale/lang.yi.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.yi.js
--- a/OfficeJS/lib/svg-edit/locale/lang.zh-CN.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.zh-CN.js
--- a/OfficeJS/lib/svg-edit/locale/lang.zh-HK.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.zh-HK.js
--- a/OfficeJS/lib/svg-edit/locale/lang.zh-TW.js
+++ b/OfficeJS/lib/svg-edit/locale/lang.zh-TW.js
--- a/OfficeJS/lib/svg-edit/locale/locale.js
+++ b/OfficeJS/lib/svg-edit/locale/locale.js
--- a/OfficeJS/lib/svg-edit/locale/locale.min.js
+++ b/OfficeJS/lib/svg-edit/locale/locale.min.js
--- a/OfficeJS/lib/svg-edit/spinbtn/JQuerySpinBtn.css
+++ b/OfficeJS/lib/svg-edit/spinbtn/JQuerySpinBtn.css
--- a/OfficeJS/lib/svg-edit/spinbtn/JQuerySpinBtn.js
+++ b/OfficeJS/lib/svg-edit/spinbtn/JQuerySpinBtn.js
--- a/OfficeJS/lib/svg-edit/spinbtn/JQuerySpinBtn.min.js
+++ b/OfficeJS/lib/svg-edit/spinbtn/JQuerySpinBtn.min.js
--- a/OfficeJS/lib/svg-edit/spinbtn/spinbtn_updn.png
+++ b/OfficeJS/lib/svg-edit/spinbtn/spinbtn_updn.png
--- a/OfficeJS/lib/svg-edit/svg-editor.css
+++ b/OfficeJS/lib/svg-edit/svg-editor.css
--- a/OfficeJS/lib/svg-edit/svg-editor.html
+++ b/OfficeJS/lib/svg-edit/svg-editor.html
--- a/OfficeJS/lib/svg-edit/svg-editor.js
+++ b/OfficeJS/lib/svg-edit/svg-editor.js
--- a/OfficeJS/lib/svg-edit/svg-editor.manifest
+++ b/OfficeJS/lib/svg-edit/svg-editor.manifest
--- a/OfficeJS/lib/svg-edit/svg-editor.min.js
+++ b/OfficeJS/lib/svg-edit/svg-editor.min.js
--- a/OfficeJS/lib/svg-edit/svgcanvas.js
+++ b/OfficeJS/lib/svg-edit/svgcanvas.js
--- a/OfficeJS/lib/svg-edit/svgcanvas.min.js
+++ b/OfficeJS/lib/svg-edit/svgcanvas.min.js
--- a/OfficeJS/lib/svg-edit/svgicons/jquery.svgicons.js
+++ b/OfficeJS/lib/svg-edit/svgicons/jquery.svgicons.js
--- a/OfficeJS/lib/svg-edit/svgicons/jquery.svgicons.min.js
+++ b/OfficeJS/lib/svg-edit/svgicons/jquery.svgicons.min.js