add xml as import to allow roller to include in the build

2020-08-27 00:09:55 +02:00
parent 9c8a2e358a
commit 2827efc88f
597 changed files with 269162 additions and 1 deletions
--- a/dist/editor/system/browser-not-supported.html
+++ b/dist/editor/system/browser-not-supported.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
+    <link rel="icon" type="image/png" href="images/logo.png"/>
+    <link rel="stylesheet" href="svg-editor.css"/>
+    <title>Browser does not support SVG | SVG-edit</title>
+    <style>
+      body {
+        margin: 0;
+        overflow: hidden;
+      }
+      p {
+        font-size: 0.8em;
+        font-family: Verdana, Helvetica, Arial;
+        color: #000;
+        padding: 8px;
+        margin: 0;
+      }
+      #logo {
+        float: left;
+        padding: 10px;
+      }
+      #caniuse {
+        position: absolute;
+        top: 7em;
+        bottom: 0;
+        width: 100%;
+      }
+      #caniuse > iframe {
+        height: 100%;
+        width: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <img id="logo" src="images/logo.png" width="48" height="48" alt="SVG-edit logo" />
+    <p>Sorry, but your browser does not support SVG. Below is a list of
+        alternate browsers and versions that support SVG and SVG-edit
+        (from <a href="https://caniuse.com/#cats=SVG">caniuse.com</a>).
+    </p>
+    <p>Try the latest version of
+        <a href="https://www.getfirefox.com">Firefox</a>,
+        <a href="https://www.google.com/chrome/">Chrome</a>,
+        <a href="https://www.apple.com/safari/">Safari</a>,
+        <a href="https://www.opera.com/download">Opera</a> or
+        <a href="https://support.microsoft.com/en-us/help/17621/internet-explorer-downloads">Internet Explorer</a>.
+    </p>
+    <div id="caniuse">
+      <iframe src="https://caniuse.com/#cats=SVG"></iframe>
+    </div>
+  </body>
+</html>
--- a/dist/editor/system/embedapi.html
+++ b/dist/editor/system/embedapi.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>Embed API</title>
+  <link rel="icon" type="image/png" href="images/logo.png"/>
+  <script src="jquery.min.js"></script>
+  <script type="module" src="embedapi-dom.js"></script>
+</head>
+<body>
+  <button id="load">Load example</button>
+  <button id="save">Save data</button>
+  <button id="exportPNG">Export data to PNG</button>
+  <button id="exportPDF">Export data to PDF</button>
+  <br/>
+</body>
+</html>
--- a/dist/editor/system/embedapi.js
+++ b/dist/editor/system/embedapi.js
@@ -0,0 +1,395 @@
+/**
+* Handles underlying communication between the embedding window and the
+* editor frame.
+* @module EmbeddedSVGEdit
+*/
+
+let cbid = 0;
+
+/**
+* @callback module:EmbeddedSVGEdit.CallbackSetter
+* @param {GenericCallback} newCallback Callback to be stored (signature dependent on function)
+* @returns {void}
+*/
+/**
+* @callback module:EmbeddedSVGEdit.CallbackSetGetter
+* @param {...any} args Signature dependent on the function
+* @returns {module:EmbeddedSVGEdit.CallbackSetter}
+*/
+
+/**
+* @param {string} funcName
+* @returns {module:EmbeddedSVGEdit.CallbackSetGetter}
+*/
+function getCallbackSetter (funcName) {
+  return function (...args) {
+    const that = this, // New callback
+      callbackID = this.send(funcName, args, function () { /* */ }); // The callback (currently it's nothing, but will be set later)
+
+    return function (newCallback) {
+      that.callbacks[callbackID] = newCallback; // Set callback
+    };
+  };
+}
+
+/**
+* Having this separate from messageListener allows us to
+* avoid using JSON parsing (and its limitations) in the case
+* of same domain control.
+* @param {module:EmbeddedSVGEdit.EmbeddedSVGEdit} t The `this` value
+* @param {PlainObject} data
+* @param {JSON} data.result
+* @param {string} data.error
+* @param {Integer} data.id
+* @returns {void}
+*/
+function addCallback (t, {result, error, id: callbackID}) {
+  if (typeof callbackID === 'number' && t.callbacks[callbackID]) {
+    // These should be safe both because we check `cbid` is numeric and
+    //   because the calls are from trusted origins
+    if (result) {
+      t.callbacks[callbackID](result); // lgtm [js/unvalidated-dynamic-method-call]
+    } else {
+      t.callbacks[callbackID](error, 'error'); // lgtm [js/unvalidated-dynamic-method-call]
+    }
+  }
+}
+
+/**
+* @param {Event} e
+* @returns {void}
+*/
+function messageListener (e) {
+  // We accept and post strings as opposed to objects for the sake of IE9 support; this
+  //   will most likely be changed in the future
+  if (!e.data || !['string', 'object'].includes(typeof e.data)) {
+    return;
+  }
+  const {allowedOrigins} = this,
+    data = typeof e.data === 'object' ? e.data : JSON.parse(e.data);
+  if (!data || typeof data !== 'object' || data.namespace !== 'svg-edit' ||
+    e.source !== this.frame.contentWindow ||
+    (!allowedOrigins.includes('*') && !allowedOrigins.includes(e.origin))
+  ) {
+    // eslint-disable-next-line no-console -- Info for developers
+    console.error(
+      `The origin ${e.origin} was not whitelisted as an origin from ` +
+      `which responses may be received by this ${window.origin} script.`
+    );
+    return;
+  }
+  addCallback(this, data);
+}
+
+/**
+* @callback module:EmbeddedSVGEdit.MessageListener
+* @param {MessageEvent} e
+* @returns {void}
+*/
+/**
+* @param {module:EmbeddedSVGEdit.EmbeddedSVGEdit} t The `this` value
+* @returns {module:EmbeddedSVGEdit.MessageListener} Event listener
+*/
+function getMessageListener (t) {
+  return function (e) {
+    messageListener.call(t, e);
+  };
+}
+
+/**
+* Embedded SVG-edit API.
+* General usage:
+* - Have an iframe somewhere pointing to a version of svg-edit > r1000.
+* @example
+// Initialize the magic with:
+const svgCanvas = new EmbeddedSVGEdit(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.
+
+// However, this file depends on the postMessage API which
+// can only support JSON-serializable arguments and
+// return values, so, for example, arguments whose value is
+// 'undefined', a function, a non-finite number, or a built-in
+// object like Date(), RegExp(), etc. will most likely not behave
+// as expected. In such a case one may need to host
+// the SVG editor on the same domain and reference the
+// JavaScript methods on the frame itself.
+
+// The only other difference is when handling returns:
+// the callback notation is used instead.
+const blah = new EmbeddedSVGEdit(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', args); });
+*
+* @memberof module:EmbeddedSVGEdit
+*/
+class EmbeddedSVGEdit {
+  /**
+  * @param {HTMLIFrameElement} frame
+  * @param {string[]} [allowedOrigins=[]] Array of origins from which incoming
+  *   messages will be allowed when same origin is not used; defaults to none.
+  *   If supplied, it should probably be the same as svgEditor's allowedOrigins
+  */
+  constructor (frame, allowedOrigins) {
+    const that = this;
+    this.allowedOrigins = allowedOrigins || [];
+    // Initialize communication
+    this.frame = frame;
+    this.callbacks = {};
+    // List of functions extracted with this:
+    // Run in firebug on http://svg-edit.googlecode.com/svn/trunk/docs/files/svgcanvas-js.html
+
+    // for (const i=0,q=[],f = document.querySelectorAll('div.CFunction h3.CTitle a'); i < f.length; i++) { q.push(f[i].name); }; q
+    // const functions = ['clearSelection', 'addToSelection', 'removeFromSelection', 'open', 'save', 'getSvgString', 'setSvgString',
+    // 'createLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility',
+    // 'moveSelectedToLayer', '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
+    // const {svgCanvas} = frame.contentWindow;
+    // const l = [];
+    // for (const i in svgCanvas) { if (typeof svgCanvas[i] === 'function') { l.push(i);} };
+    // alert("['" + l.join("', '") + "']");
+    // Run in svgedit itself
+    const functions = [
+      'addExtension',
+      'addSVGElementFromJson',
+      'addToSelection',
+      'alignSelectedElements',
+      'assignAttributes',
+      'bind',
+      'call',
+      'changeSelectedAttribute',
+      'cleanupElement',
+      'clear',
+      'clearSelection',
+      'clearSvgContentElement',
+      'cloneLayer',
+      'cloneSelectedElements',
+      'convertGradients',
+      'convertToGroup',
+      'convertToNum',
+      'convertToPath',
+      'copySelectedElements',
+      'createLayer',
+      'cutSelectedElements',
+      'cycleElement',
+      'deleteCurrentLayer',
+      'deleteSelectedElements',
+      'embedImage',
+      'exportPDF',
+      'findDefs',
+      'getBBox',
+      'getBlur',
+      'getBold',
+      'getColor',
+      'getContentElem',
+      'getCurrentDrawing',
+      'getDocumentTitle',
+      'getEditorNS',
+      'getElem',
+      'getFillOpacity',
+      'getFontColor',
+      'getFontFamily',
+      'getFontSize',
+      'getHref',
+      'getId',
+      'getIntersectionList',
+      'getItalic',
+      'getMode',
+      'getMouseTarget',
+      'getNextId',
+      'getOffset',
+      'getOpacity',
+      'getPaintOpacity',
+      'getPrivateMethods',
+      'getRefElem',
+      'getResolution',
+      'getRootElem',
+      'getRotationAngle',
+      'getSelectedElems',
+      'getStrokeOpacity',
+      'getStrokeWidth',
+      'getStrokedBBox',
+      'getStyle',
+      'getSvgString',
+      'getText',
+      'getTitle',
+      'getTransformList',
+      'getUIStrings',
+      'getUrlFromAttr',
+      'getVersion',
+      'getVisibleElements',
+      'getVisibleElementsAndBBoxes',
+      'getZoom',
+      'groupSelectedElements',
+      'groupSvgElem',
+      'hasMatrixTransform',
+      'identifyLayers',
+      'importSvgString',
+      'leaveContext',
+      'linkControlPoints',
+      'makeHyperlink',
+      'matrixMultiply',
+      'mergeAllLayers',
+      'mergeLayer',
+      'moveSelectedElements',
+      'moveSelectedToLayer',
+      'moveToBottomSelectedElement',
+      'moveToTopSelectedElement',
+      'moveUpDownSelected',
+      'open',
+      'pasteElements',
+      'prepareSvg',
+      'pushGroupProperties',
+      'randomizeIds',
+      'rasterExport',
+      'ready',
+      'recalculateAllSelectedDimensions',
+      'recalculateDimensions',
+      'remapElement',
+      'removeFromSelection',
+      'removeHyperlink',
+      'removeUnusedDefElems',
+      'renameCurrentLayer',
+      'round',
+      'runExtensions',
+      'sanitizeSvg',
+      'save',
+      'selectAllInCurrentLayer',
+      'selectOnly',
+      'setBBoxZoom',
+      'setBackground',
+      'setBlur',
+      'setBlurNoUndo',
+      'setBlurOffsets',
+      'setBold',
+      'setColor',
+      'setConfig',
+      'setContext',
+      'setCurrentLayer',
+      'setCurrentLayerPosition',
+      'setDocumentTitle',
+      'setFillPaint',
+      'setFontColor',
+      'setFontFamily',
+      'setFontSize',
+      'setGoodImage',
+      'setGradient',
+      'setGroupTitle',
+      'setHref',
+      'setIdPrefix',
+      'setImageURL',
+      'setItalic',
+      'setLayerVisibility',
+      'setLinkURL',
+      'setMode',
+      'setOpacity',
+      'setPaint',
+      'setPaintOpacity',
+      'setRectRadius',
+      'setResolution',
+      'setRotationAngle',
+      'setSegType',
+      'setStrokeAttr',
+      'setStrokePaint',
+      'setStrokeWidth',
+      'setSvgString',
+      'setTextContent',
+      'setUiStrings',
+      'setUseData',
+      'setZoom',
+      'svgCanvasToString',
+      'svgToString',
+      'transformListToTransform',
+      'ungroupSelectedElement',
+      'uniquifyElems',
+      'updateCanvas',
+      'zoomChanged'
+    ];
+
+    // TODO: rewrite the following, it's pretty scary.
+    for (const func of functions) {
+      this[func] = getCallbackSetter(func);
+    }
+
+    // Older IE may need a polyfill for addEventListener, but so it would for SVG
+    window.addEventListener('message', getMessageListener(this));
+    window.addEventListener('keydown', (e) => {
+      const {type, key} = e;
+      if (key === 'Backspace') {
+        e.preventDefault();
+        const keyboardEvent = new KeyboardEvent(type, {key});
+        that.frame.contentDocument.dispatchEvent(keyboardEvent);
+      }
+    });
+  }
+
+  /**
+  * @param {string} name
+  * @param {ArgumentsArray} args Signature dependent on function
+  * @param {GenericCallback} callback (This may be better than a promise in case adding an event.)
+  * @returns {Integer}
+  */
+  send (name, args, callback) { // eslint-disable-line promise/prefer-await-to-callbacks
+    const that = this;
+    cbid++;
+
+    this.callbacks[cbid] = callback;
+    setTimeout((function (callbackID) {
+      return function () { // Delay for the callback to be set in case its synchronous
+        /*
+        * Todo: Handle non-JSON arguments and return values (undefined,
+        *   nonfinite numbers, functions, and built-in objects like Date,
+        *   RegExp), etc.? Allow promises instead of callbacks? Review
+        *   SVG-Edit functions for whether JSON-able parameters can be
+        *   made compatile with all API functionality
+        */
+        // We accept and post strings for the sake of IE9 support
+        let sameOriginWithGlobal = false;
+        try {
+          sameOriginWithGlobal = window.location.origin === that.frame.contentWindow.location.origin &&
+            that.frame.contentWindow.svgEditor.canvas;
+        } catch (err) {}
+
+        if (sameOriginWithGlobal) {
+          // Although we do not really need this API if we are working same
+          //  domain, it could allow us to write in a way that would work
+          //  cross-domain as well, assuming we stick to the argument limitations
+          //  of the current JSON-based communication API (e.g., not passing
+          //  callbacks). We might be able to address these shortcomings; see
+          //  the todo elsewhere in this file.
+          const message = {id: callbackID},
+            {svgEditor: {canvas: svgCanvas}} = that.frame.contentWindow;
+          try {
+            message.result = svgCanvas[name](...args);
+          } catch (err) {
+            message.error = err.message;
+          }
+          addCallback(that, message);
+        } else { // Requires the ext-xdomain-messaging.js extension
+          that.frame.contentWindow.postMessage(JSON.stringify({
+            namespace: 'svgCanvas', id: callbackID, name, args
+          }), '*');
+        }
+      };
+    }(cbid)), 0);
+
+    return cbid;
+  }
+}
+
+export default EmbeddedSVGEdit;
--- a/dist/editor/system/extensions/ext-arrows.js
+++ b/dist/editor/system/extensions/ext-arrows.js
--- a/dist/editor/system/extensions/ext-closepath.js
+++ b/dist/editor/system/extensions/ext-closepath.js
--- a/dist/editor/system/extensions/ext-connector.js
+++ b/dist/editor/system/extensions/ext-connector.js
--- a/dist/editor/system/extensions/ext-eyedropper.js
+++ b/dist/editor/system/extensions/ext-eyedropper.js
--- a/dist/editor/system/extensions/ext-foreignobject.js
+++ b/dist/editor/system/extensions/ext-foreignobject.js
--- a/dist/editor/system/extensions/ext-grid.js
+++ b/dist/editor/system/extensions/ext-grid.js
--- a/dist/editor/system/extensions/ext-helloworld.js
+++ b/dist/editor/system/extensions/ext-helloworld.js
--- a/dist/editor/system/extensions/ext-imagelib.js
+++ b/dist/editor/system/extensions/ext-imagelib.js
--- a/dist/editor/system/extensions/ext-imagelib.xml
+++ b/dist/editor/system/extensions/ext-imagelib.xml
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g id="tool_imagelib">
+<svg width="201" height="211" xmlns="http://www.w3.org/2000/svg">
+ <g>
+  <path fill="#efe8b8" stroke="#d6c47c" stroke-linecap="round" d="m2.75,49.51761l56.56,-46.26761c12.73,8.25 25.71001,7 46.44,0.75l-56.03999,47.23944l-22.72002,25.01056l-24.23999,-26.73239z" id="svg_2" stroke-width="7"/>
+  <path fill="#a03333" stroke="#3f3f3f" d="m3.75,203.25002c14.33301,7 30.66699,7 46,0l0,-152.00002c-14.66699,8 -32.33301,8 -47,0l1,152.00002zm45.75,-152.25002l56.25,-46.75l0,151l-56,48.00002m-47.25,-154.25002l57.25,-46.5" id="svg_1" stroke-width="7" stroke-linecap="round"/>
+  <path fill="#efe8b8" stroke="#d6c47c" stroke-linecap="round" d="m49.75,49.51801l56.56,-46.26801c12.72998,8.25 25.71002,7 46.44,0.75l-56.03998,47.239l-22.72003,25.011l-24.23999,-26.73199z" stroke-width="7" id="svg_5"/>
+  <path fill="#2f8e2f" stroke="#3f3f3f" d="m50.75,202.25c14.33301,7 30.66699,7.04253 46,0.04253l0,-151.04253c-14.66699,8 -32.33301,8 -47,0l1,151zm45.75,-151.25l56.25,-46.75l0,144.01219l-56,51.98782m-47.25,-151.25002l57.25,-46.5" stroke-width="7" stroke-linecap="round" id="svg_6"/>
+  <path fill="#efe8b8" stroke="#d6c47c" stroke-linecap="round" d="m95.75,49.51801l56.56,-46.26801c12.72998,8.25 25.71002,7 46.44,0.75l-56.03998,47.239l-22.72003,25.011l-24.23999,-26.73199z" stroke-width="7" id="svg_10"/>
+  <path fill="#336393" stroke="#3f3f3f" d="m96.75,200.29445c14.33301,7 30.66699,7 46,0l0,-149.04445c-14.66699,8 -32.33301,8 -47,0l1,149.04445zm45.75,-149.29445l56.25,-46.75l0,148.04445l-56,48m-47.25,-151.29445l57.25,-46.5" stroke-width="7" stroke-linecap="round" id="svg_11"/>
+ </g>
+</svg>
+  </g>
+</svg>
--- a/dist/editor/system/extensions/ext-locale/arrows/en.js
+++ b/dist/editor/system/extensions/ext-locale/arrows/en.js
@@ -0,0 +1,28 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'Arrows',
+        langList: [
+          {id: 'arrow_none', textContent: 'No arrow'}
+        ],
+        contextTools: [
+          {
+            title: 'Select arrow type',
+            options: {
+              none: 'No arrow',
+              end: '----&gt;',
+              start: '&lt;----',
+              both: '&lt;---&gt;',
+              mid: '--&gt;--',
+              mid_bk: '--&lt;--'
+            }
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/arrows/fr.js
+++ b/dist/editor/system/extensions/ext-locale/arrows/fr.js
@@ -0,0 +1,28 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var fr = exports('default', {
+        name: 'Arrows',
+        langList: [
+          {id: 'arrow_none', textContent: 'Sans flèche'}
+        ],
+        contextTools: [
+          {
+            title: 'Select arrow type',
+            options: {
+              none: 'No arrow',
+              end: '----&gt;',
+              start: '&lt;----',
+              both: '&lt;---&gt;',
+              mid: '--&gt;--',
+              mid_bk: '--&lt;--'
+            }
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/arrows/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/arrows/zh_CN.js
@@ -0,0 +1,28 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '箭头',
+        langList: [
+          {id: 'arrow_none', textContent: '无箭头'}
+        ],
+        contextTools: [
+          {
+            title: '选择箭头类型',
+            options: {
+              none: '无箭头',
+              end: '----&gt;',
+              start: '&lt;----',
+              both: '&lt;---&gt;',
+              mid: '--&gt;--',
+              mid_bk: '--&lt;--'
+            }
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/closepath/en.js
+++ b/dist/editor/system/extensions/ext-locale/closepath/en.js
@@ -0,0 +1,20 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'ClosePath',
+        buttons: [
+          {
+            title: 'Open path'
+          },
+          {
+            title: 'Close path'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/closepath/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/closepath/zh_CN.js
@@ -0,0 +1,20 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '闭合路径',
+        buttons: [
+          {
+            title: '打开路径'
+          },
+          {
+            title: '关闭路径'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/connector/en.js
+++ b/dist/editor/system/extensions/ext-locale/connector/en.js
@@ -0,0 +1,20 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'Connector',
+        langList: [
+          {id: 'mode_connect', title: 'Connect two objects'}
+        ],
+        buttons: [
+          {
+            title: 'Connect two objects'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/connector/fr.js
+++ b/dist/editor/system/extensions/ext-locale/connector/fr.js
@@ -0,0 +1,20 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var fr = exports('default', {
+        name: 'Connector',
+        langList: [
+          {id: 'mode_connect', title: 'Connecter deux objets'}
+        ],
+        buttons: [
+          {
+            title: 'Connect two objects'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/connector/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/connector/zh_CN.js
@@ -0,0 +1,20 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '连接器',
+        langList: [
+          {id: 'mode_connect', title: '连接两个对象'}
+        ],
+        buttons: [
+          {
+            title: '连接两个对象'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/eyedropper/en.js
+++ b/dist/editor/system/extensions/ext-locale/eyedropper/en.js
@@ -0,0 +1,18 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'eyedropper',
+        buttons: [
+          {
+            title: 'Eye Dropper Tool',
+            key: 'I'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/eyedropper/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/eyedropper/zh_CN.js
@@ -0,0 +1,18 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '滴管',
+        buttons: [
+          {
+            title: '滴管工具',
+            key: 'I'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/foreignobject/en.js
+++ b/dist/editor/system/extensions/ext-locale/foreignobject/en.js
@@ -0,0 +1,34 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'foreignObject',
+        buttons: [
+          {
+            title: 'Foreign Object Tool'
+          },
+          {
+            title: 'Edit ForeignObject Content'
+          }
+        ],
+        contextTools: [
+          {
+            title: "Change foreignObject's width",
+            label: 'w'
+          },
+          {
+            title: "Change foreignObject's height",
+            label: 'h'
+          },
+          {
+            title: "Change foreignObject's font size",
+            label: 'font-size'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/foreignobject/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/foreignobject/zh_CN.js
@@ -0,0 +1,34 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '外部对象',
+        buttons: [
+          {
+            title: '外部对象工具'
+          },
+          {
+            title: '编辑外部对象内容'
+          }
+        ],
+        contextTools: [
+          {
+            title: '改变外部对象宽度',
+            label: 'w'
+          },
+          {
+            title: '改变外部对象高度',
+            label: 'h'
+          },
+          {
+            title: '改变外部对象文字大小',
+            label: '文字大小'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/grid/en.js
+++ b/dist/editor/system/extensions/ext-locale/grid/en.js
@@ -0,0 +1,17 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'View Grid',
+        buttons: [
+          {
+            title: 'Show/Hide Grid'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/grid/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/grid/zh_CN.js
@@ -0,0 +1,17 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '网格视图',
+        buttons: [
+          {
+            title: '显示/隐藏网格'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/helloworld/en.js
+++ b/dist/editor/system/extensions/ext-locale/helloworld/en.js
@@ -0,0 +1,18 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'Hello World',
+        text: 'Hello World!\n\nYou clicked here: {x}, {y}',
+        buttons: [
+          {
+            title: "Say 'Hello World'"
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/helloworld/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/helloworld/zh_CN.js
@@ -0,0 +1,18 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: 'Hello World',
+        text: 'Hello World!\n\n 请点击: {x}, {y}',
+        buttons: [
+          {
+            title: "输出 'Hello World'"
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/de.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/de.js
@@ -0,0 +1,42 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var de = exports('default', {
+        select_lib: 'Select an image library',
+        show_list: 'Show library list',
+        import_single: 'Import single',
+        import_multi: 'Import multiple',
+        open: 'Open as new document',
+        buttons: [
+          {
+            title: 'Bilder-Bibliothek'
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          /*
+          // See message in "en" locale for further details
+          ,
+          {
+            name: 'Openclipart',
+            url: 'https://openclipart.org/svgedit',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/en.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/en.js
@@ -0,0 +1,47 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        select_lib: 'Select an image library',
+        show_list: 'Show library list',
+        import_single: 'Import single',
+        import_multi: 'Import multiple',
+        open: 'Open as new document',
+        buttons: [
+          {
+            title: 'Image library'
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          // The site is no longer using our API, and they have added an
+          //   `X-Frame-Options` header which prevents our usage cross-origin:
+          // Getting messages like this in console:
+          //   Refused to display 'https://openclipart.org/detail/307176/sign-bike' in a frame
+          //   because it set 'X-Frame-Options' to 'sameorigin'.
+          // url: 'https://openclipart.org/svgedit',
+          // However, they do have a custom API which we are using here:
+          /*
+          {
+            name: 'Openclipart',
+            url: '{path}imagelib/openclipart{modularVersion}.html',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/fr.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/fr.js
@@ -0,0 +1,42 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var fr = exports('default', {
+        select_lib: "Choisir une bibliothèque d'images",
+        show_list: 'show_list',
+        import_single: 'import_single',
+        import_multi: 'import_multi',
+        open: 'open',
+        buttons: [
+          {
+            title: "Bibliothèque d'images"
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          /*
+          // See message in "en" locale for further details
+          ,
+          {
+            name: 'Openclipart',
+            url: 'https://openclipart.org/svgedit',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/pl.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/pl.js
@@ -0,0 +1,42 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var pl = exports('default', {
+        select_lib: 'Select an image library',
+        show_list: 'Show library list',
+        import_single: 'Import single',
+        import_multi: 'Import multiple',
+        open: 'Open as new document',
+        buttons: [
+          {
+            title: 'Biblioteka obrazów'
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          /*
+          // See message in "en" locale for further details
+          ,
+          {
+            name: 'Openclipart',
+            url: 'https://openclipart.org/svgedit',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/pt_BR.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/pt_BR.js
@@ -0,0 +1,42 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var ptBR = exports('default', {
+        select_lib: 'Select an image library',
+        show_list: 'Show library list',
+        import_single: 'Import single',
+        import_multi: 'Import multiple',
+        open: 'Open as new document',
+        buttons: [
+          {
+            title: 'Biblioteca de Imagens'
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          /*
+          // See message in "en" locale for further details
+          ,
+          {
+            name: 'Openclipart',
+            url: 'https://openclipart.org/svgedit',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/ro.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/ro.js
@@ -0,0 +1,42 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var ro = exports('default', {
+        select_lib: 'Select an image library',
+        show_list: 'Show library list',
+        import_single: 'Import single',
+        import_multi: 'Import multiple',
+        open: 'Open as new document',
+        buttons: [
+          {
+            title: 'Bibliotecă de Imagini'
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          /*
+          // See message in "en" locale for further details
+          ,
+          {
+            name: 'Openclipart',
+            url: 'https://openclipart.org/svgedit',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/sk.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/sk.js
@@ -0,0 +1,42 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var sk = exports('default', {
+        select_lib: 'Select an image library',
+        show_list: 'Show library list',
+        import_single: 'Import single',
+        import_multi: 'Import multiple',
+        open: 'Open as new document',
+        buttons: [
+          {
+            title: 'Knižnica obrázkov'
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          /*
+          // See message in "en" locale for further details
+          ,
+          {
+            name: 'Openclipart',
+            url: 'https://openclipart.org/svgedit',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/sl.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/sl.js
@@ -0,0 +1,42 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var sl = exports('default', {
+        select_lib: 'Select an image library',
+        show_list: 'Show library list',
+        import_single: 'Import single',
+        import_multi: 'Import multiple',
+        open: 'Open as new document',
+        buttons: [
+          {
+            title: 'Knjižnica slik'
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          /*
+          // See message in "en" locale for further details
+          ,
+          {
+            name: 'Openclipart',
+            url: 'https://openclipart.org/svgedit',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/imagelib/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/imagelib/zh_CN.js
@@ -0,0 +1,42 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        select_lib: 'Select an image library',
+        show_list: 'Show library list',
+        import_single: 'Import single',
+        import_multi: 'Import multiple',
+        open: 'Open as new document',
+        buttons: [
+          {
+            title: '图像库'
+          }
+        ],
+        imgLibs: [
+          {
+            name: 'Demo library (local)',
+            url: '{path}imagelib/index{modularVersion}.html',
+            description: 'Demonstration library for SVG-edit on this server'
+          },
+          {
+            name: 'IAN Symbol Libraries',
+            url: 'https://ian.umces.edu/symbols/catalog/svgedit/album_chooser.php?svgedit=3',
+            description: 'Free library of illustrations'
+          }
+          /*
+          // See message in "en" locale for further details
+          ,
+          {
+            name: 'Openclipart',
+            url: 'https://openclipart.org/svgedit',
+            description: 'Share and Use Images. Over 100,000 Public Domain SVG Images and Growing.'
+          }
+          */
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/markers/en.js
+++ b/dist/editor/system/extensions/ext-locale/markers/en.js
@@ -0,0 +1,55 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'Markers',
+        langList: [
+          {id: 'nomarker', title: 'No Marker'},
+          {id: 'leftarrow', title: 'Left Arrow'},
+          {id: 'rightarrow', title: 'Right Arrow'},
+          {id: 'textmarker', title: 'Text Marker'},
+          {id: 'forwardslash', title: 'Forward Slash'},
+          {id: 'reverseslash', title: 'Reverse Slash'},
+          {id: 'verticalslash', title: 'Vertical Slash'},
+          {id: 'box', title: 'Box'},
+          {id: 'star', title: 'Star'},
+          {id: 'xmark', title: 'X'},
+          {id: 'triangle', title: 'Triangle'},
+          {id: 'mcircle', title: 'Circle'},
+          {id: 'leftarrow_o', title: 'Open Left Arrow'},
+          {id: 'rightarrow_o', title: 'Open Right Arrow'},
+          {id: 'box_o', title: 'Open Box'},
+          {id: 'star_o', title: 'Open Star'},
+          {id: 'triangle_o', title: 'Open Triangle'},
+          {id: 'mcircle_o', title: 'Open Circle'}
+        ],
+        contextTools: [
+          {
+            title: 'Start marker',
+            label: 's'
+          },
+          {
+            title: 'Select start marker type'
+          },
+          {
+            title: 'Middle marker',
+            label: 'm'
+          },
+          {
+            title: 'Select mid marker type'
+          },
+          {
+            title: 'End marker',
+            label: 'e'
+          },
+          {
+            title: 'Select end marker type'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/markers/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/markers/zh_CN.js
@@ -0,0 +1,55 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '标记',
+        langList: [
+          {id: 'nomarker', title: '无标记'},
+          {id: 'leftarrow', title: '左箭头'},
+          {id: 'rightarrow', title: '右箭头'},
+          {id: 'textmarker', title: '文本'},
+          {id: 'forwardslash', title: '斜杠'},
+          {id: 'reverseslash', title: '反斜杠'},
+          {id: 'verticalslash', title: '垂直线'},
+          {id: 'box', title: '方块'},
+          {id: 'star', title: '星形'},
+          {id: 'xmark', title: 'X'},
+          {id: 'triangle', title: '三角形'},
+          {id: 'mcircle', title: '圆形'},
+          {id: 'leftarrow_o', title: '左箭头(空心)'},
+          {id: 'rightarrow_o', title: '右箭头(空心)'},
+          {id: 'box_o', title: '方块(空心)'},
+          {id: 'star_o', title: '星形(空心)'},
+          {id: 'triangle_o', title: '三角形(空心)'},
+          {id: 'mcircle_o', title: '圆形(空心)'}
+        ],
+        contextTools: [
+          {
+            title: '起始标记',
+            label: 's'
+          },
+          {
+            title: '选择起始标记类型'
+          },
+          {
+            title: '中段标记',
+            label: 'm'
+          },
+          {
+            title: '选择中段标记类型'
+          },
+          {
+            title: '末端标记',
+            label: 'e'
+          },
+          {
+            title: '选择末端标记类型'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/mathjax/en.js
+++ b/dist/editor/system/extensions/ext-locale/mathjax/en.js
@@ -0,0 +1,17 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'MathJax',
+        buttons: [
+          {
+            title: 'Add Mathematics'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/mathjax/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/mathjax/zh_CN.js
@@ -0,0 +1,17 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '数学',
+        buttons: [
+          {
+            title: '添加数学计算'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/panning/en.js
+++ b/dist/editor/system/extensions/ext-locale/panning/en.js
@@ -0,0 +1,17 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'Extension Panning',
+        buttons: [
+          {
+            title: 'Panning'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/panning/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/panning/zh_CN.js
@@ -0,0 +1,17 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '移动',
+        buttons: [
+          {
+            title: '移动'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/placemark/en.js
+++ b/dist/editor/system/extensions/ext-locale/placemark/en.js
@@ -0,0 +1,49 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'placemark',
+        langList: [
+          {id: 'nomarker', title: 'No Marker'},
+          {id: 'leftarrow', title: 'Left Arrow'},
+          {id: 'rightarrow', title: 'Right Arrow'},
+          {id: 'forwardslash', title: 'Forward Slash'},
+          {id: 'reverseslash', title: 'Reverse Slash'},
+          {id: 'verticalslash', title: 'Vertical Slash'},
+          {id: 'box', title: 'Box'},
+          {id: 'star', title: 'Star'},
+          {id: 'xmark', title: 'X'},
+          {id: 'triangle', title: 'Triangle'},
+          {id: 'mcircle', title: 'Circle'},
+          {id: 'leftarrow_o', title: 'Open Left Arrow'},
+          {id: 'rightarrow_o', title: 'Open Right Arrow'},
+          {id: 'box_o', title: 'Open Box'},
+          {id: 'star_o', title: 'Open Star'},
+          {id: 'triangle_o', title: 'Open Triangle'},
+          {id: 'mcircle_o', title: 'Open Circle'}
+        ],
+        buttons: [
+          {
+            title: 'Placemark Tool'
+          }
+        ],
+        contextTools: [
+          {
+            title: 'Select Place marker type'
+          },
+          {
+            title: 'Text on separated with ; ',
+            label: 'Text'
+          },
+          {
+            title: 'Font for text',
+            label: ''
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/polygon/en.js
+++ b/dist/editor/system/extensions/ext-locale/polygon/en.js
@@ -0,0 +1,23 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'polygon',
+        buttons: [
+          {
+            title: 'Polygon Tool'
+          }
+        ],
+        contextTools: [
+          {
+            title: 'Number of Sides',
+            label: 'sides'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/polygon/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/polygon/zh_CN.js
@@ -0,0 +1,23 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '多边形',
+        buttons: [
+          {
+            title: '多边形工具'
+          }
+        ],
+        contextTools: [
+          {
+            title: '边数',
+            label: '边数'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/server_moinsave/en.js
+++ b/dist/editor/system/extensions/ext-locale/server_moinsave/en.js
@@ -0,0 +1,13 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        saved: 'Saved! Return to Item View!',
+        hiddenframe: 'Moinsave frame to store hidden values'
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/server_moinsave/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/server_moinsave/zh_CN.js
@@ -0,0 +1,13 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        saved: '已保存! 返回视图!',
+        hiddenframe: 'Moinsave frame to store hidden values'
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/server_opensave/en.js
+++ b/dist/editor/system/extensions/ext-locale/server_opensave/en.js
@@ -0,0 +1,13 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        uploading: 'Uploading...',
+        hiddenframe: 'Opensave frame to store hidden values'
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/server_opensave/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/server_opensave/zh_CN.js
@@ -0,0 +1,13 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        uploading: '正在上传...',
+        hiddenframe: 'Opensave frame to store hidden values'
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/shapes/en.js
+++ b/dist/editor/system/extensions/ext-locale/shapes/en.js
@@ -0,0 +1,33 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        loading: 'Loading...',
+        categories: {
+          basic: 'Basic',
+          object: 'Objects',
+          symbol: 'Symbols',
+          arrow: 'Arrows',
+          flowchart: 'Flowchart',
+          animal: 'Animals',
+          game: 'Cards & Chess',
+          dialog_balloon: 'Dialog balloons',
+          electronics: 'Electronics',
+          math: 'Mathematical',
+          music: 'Music',
+          misc: 'Miscellaneous',
+          raphael_1: 'raphaeljs.com set 1',
+          raphael_2: 'raphaeljs.com set 2'
+        },
+        buttons: [
+          {
+            title: 'Shape library'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/shapes/fr.js
+++ b/dist/editor/system/extensions/ext-locale/shapes/fr.js
@@ -0,0 +1,33 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var fr = exports('default', {
+        loading: 'Loading...',
+        categories: {
+          basic: 'Basic',
+          object: 'Objects',
+          symbol: 'Symbols',
+          arrow: 'Arrows',
+          flowchart: 'Flowchart',
+          animal: 'Animals',
+          game: 'Cards & Chess',
+          dialog_balloon: 'Dialog balloons',
+          electronics: 'Electronics',
+          math: 'Mathematical',
+          music: 'Music',
+          misc: 'Miscellaneous',
+          raphael_1: 'raphaeljs.com set 1',
+          raphael_2: 'raphaeljs.com set 2'
+        },
+        buttons: [
+          {
+            title: "Bibliothèque d'images"
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/shapes/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/shapes/zh_CN.js
@@ -0,0 +1,33 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        loading: '正在加载...',
+        categories: {
+          basic: '基本',
+          object: '对象',
+          symbol: '符号',
+          arrow: '箭头',
+          flowchart: '工作流',
+          animal: '动物',
+          game: '棋牌',
+          dialog_balloon: '会话框',
+          electronics: '电子',
+          math: '数学',
+          music: '音乐',
+          misc: '其他',
+          raphael_1: 'raphaeljs.com 集合 1',
+          raphael_2: 'raphaeljs.com 集合 2'
+        },
+        buttons: [
+          {
+            title: '图元库'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/star/en.js
+++ b/dist/editor/system/extensions/ext-locale/star/en.js
@@ -0,0 +1,31 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'star',
+        buttons: [
+          {
+            title: 'Star Tool'
+          }
+        ],
+        contextTools: [
+          {
+            title: 'Number of Sides',
+            label: 'points'
+          },
+          {
+            title: 'Pointiness',
+            label: 'Pointiness'
+          },
+          {
+            title: 'Twists the star',
+            label: 'Radial Shift'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/star/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/star/zh_CN.js
@@ -0,0 +1,31 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: '星形',
+        buttons: [
+          {
+            title: '星形工具'
+          }
+        ],
+        contextTools: [
+          {
+            title: '顶点',
+            label: '顶点'
+          },
+          {
+            title: '钝度',
+            label: '钝度'
+          },
+          {
+            title: '径向',
+            label: '径向'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/storage/de.js
+++ b/dist/editor/system/extensions/ext-locale/storage/de.js
@@ -0,0 +1,23 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var de = exports('default', {
+        message: 'Standardmäßig kann SVG-Edit Ihre Editor-Einstellungen ' +
+        'und die SVG-Inhalte lokal auf Ihrem Gerät abspeichern. So brauchen Sie ' +
+        'nicht jedes Mal die SVG neu laden. Falls Sie aus Datenschutzgründen ' +
+        'dies nicht wollen, ' +
+        'können Sie die Standardeinstellung im Folgenden ändern.',
+        storagePrefsAndContent: 'Store preferences and SVG content locally',
+        storagePrefsOnly: 'Only store preferences locally',
+        storagePrefs: 'Store preferences locally',
+        storageNoPrefsOrContent: 'Do not store my preferences or SVG content locally',
+        storageNoPrefs: 'Do not store my preferences locally',
+        rememberLabel: 'Remember this choice?',
+        rememberTooltip: 'If you choose to opt out of storage while remembering this choice, the URL will change so as to avoid asking again.'
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/storage/en.js
+++ b/dist/editor/system/extensions/ext-locale/storage/en.js
@@ -0,0 +1,23 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        message: 'By default and where supported, SVG-Edit can store your editor ' +
+        'preferences and SVG content locally on your machine so you do not ' +
+        'need to add these back each time you load SVG-Edit. If, for privacy ' +
+        'reasons, you do not wish to store this information on your machine, ' +
+        'you can change away from the default option below.',
+        storagePrefsAndContent: 'Store preferences and SVG content locally',
+        storagePrefsOnly: 'Only store preferences locally',
+        storagePrefs: 'Store preferences locally',
+        storageNoPrefsOrContent: 'Do not store my preferences or SVG content locally',
+        storageNoPrefs: 'Do not store my preferences locally',
+        rememberLabel: 'Remember this choice?',
+        rememberTooltip: 'If you choose to opt out of storage while remembering this choice, the URL will change so as to avoid asking again.'
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/storage/fr.js
+++ b/dist/editor/system/extensions/ext-locale/storage/fr.js
@@ -0,0 +1,23 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var fr = exports('default', {
+        message: "Par défaut et si supporté, SVG-Edit peut stocker les préférences de l'éditeur " +
+        "et le contenu SVG localement sur votre machine de sorte que vous n'ayez pas besoin de les " +
+        'rajouter chaque fois que vous chargez SVG-Edit. Si, pour des raisons de confidentialité, ' +
+        'vous ne souhaitez pas stocker ces données sur votre machine, vous pouvez changer ce ' +
+        'comportement ci-dessous.',
+        storagePrefsAndContent: 'Store preferences and SVG content locally',
+        storagePrefsOnly: 'Only store preferences locally',
+        storagePrefs: 'Store preferences locally',
+        storageNoPrefsOrContent: 'Do not store my preferences or SVG content locally',
+        storageNoPrefs: 'Do not store my preferences locally',
+        rememberLabel: 'Remember this choice?',
+        rememberTooltip: "Si vous choisissez de désactiver le stockage en mémorisant le choix, l'URL va changer afin que la question ne vous soit plus reposée."
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/storage/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/storage/zh_CN.js
@@ -0,0 +1,20 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        message: '默认情况下, SVG-Edit 在本地保存配置参数和画布内容. 如果基于隐私考虑, ' +
+        '您可以勾选以下选项修改配置.',
+        storagePrefsAndContent: '本地存储配置参数和SVG图',
+        storagePrefsOnly: '本地只存储配置参数',
+        storagePrefs: '本地存储配置参数',
+        storageNoPrefsOrContent: '本地不保存配置参数和SVG图',
+        storageNoPrefs: '本地不保存配置参数',
+        rememberLabel: '记住选择?',
+        rememberTooltip: '如果您勾选记住选择，将不再弹出本窗口.'
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/webappfind/en.js
+++ b/dist/editor/system/extensions/ext-locale/webappfind/en.js
@@ -0,0 +1,17 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var en = exports('default', {
+        name: 'WebAppFind',
+        buttons: [
+          {
+            title: 'Save Image back to Disk'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-locale/webappfind/zh_CN.js
+++ b/dist/editor/system/extensions/ext-locale/webappfind/zh_CN.js
@@ -0,0 +1,17 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      var zhCN = exports('default', {
+        name: 'WebAppFind',
+        buttons: [
+          {
+            title: '保存图片到磁盘'
+          }
+        ]
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-markers.js
+++ b/dist/editor/system/extensions/ext-markers.js
--- a/dist/editor/system/extensions/ext-mathjax.js
+++ b/dist/editor/system/extensions/ext-mathjax.js
--- a/dist/editor/system/extensions/ext-overview_window.js
+++ b/dist/editor/system/extensions/ext-overview_window.js
@@ -0,0 +1,155 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      /**
+       * @file ext-overview_window.js
+       *
+       * @license MIT
+       *
+       * @copyright 2013 James Sacksteder
+       *
+       */
+      var extOverview_window = exports('default', {
+        name: 'overview_window',
+        init: function init(_ref) {
+          var $ = _ref.$,
+              isChrome = _ref.isChrome,
+              isIE = _ref.isIE;
+          var overviewWindowGlobals = {}; // Disabled in Chrome 48-, see https://github.com/SVG-Edit/svgedit/issues/26 and
+          // https://code.google.com/p/chromium/issues/detail?id=565120.
+
+          if (isChrome()) {
+            var verIndex = navigator.userAgent.indexOf('Chrome/') + 7;
+            var chromeVersion = Number.parseInt(navigator.userAgent.substring(verIndex));
+
+            if (chromeVersion < 49) {
+              return undefined;
+            }
+          } // Define and insert the base html element.
+
+
+          var propsWindowHtml = '<div id="overview_window_content_pane" style="width:100%; ' + 'word-wrap:break-word;  display:inline-block; margin-top:20px;">' + '<div id="overview_window_content" style="position:relative; ' + 'left:12px; top:0px;">' + '<div style="background-color:#A0A0A0; display:inline-block; ' + 'overflow:visible;">' + '<svg id="overviewMiniView" width="150" height="100" x="0" ' + 'y="0" viewBox="0 0 4800 3600" ' + 'xmlns="http://www.w3.org/2000/svg" ' + 'xmlns:xlink="http://www.w3.org/1999/xlink">' + '<use x="0" y="0" xlink:href="#svgroot"> </use>' + '</svg>' + '<div id="overview_window_view_box" style="min-width:50px; ' + 'min-height:50px; position:absolute; top:30px; left:30px; ' + 'z-index:5; background-color:rgba(255,0,102,0.3);">' + '</div>' + '</div>' + '</div>' + '</div>';
+          $('#sidepanels').append(propsWindowHtml); // Define dynamic animation of the view box.
+
+          var updateViewBox = function updateViewBox() {
+            var portHeight = Number.parseFloat($('#workarea').css('height'));
+            var portWidth = Number.parseFloat($('#workarea').css('width'));
+            var portX = $('#workarea').scrollLeft();
+            var portY = $('#workarea').scrollTop();
+            var windowWidth = Number.parseFloat($('#svgcanvas').css('width'));
+            var windowHeight = Number.parseFloat($('#svgcanvas').css('height'));
+            var overviewWidth = $('#overviewMiniView').attr('width');
+            var overviewHeight = $('#overviewMiniView').attr('height');
+            var viewBoxX = portX / windowWidth * overviewWidth;
+            var viewBoxY = portY / windowHeight * overviewHeight;
+            var viewBoxWidth = portWidth / windowWidth * overviewWidth;
+            var viewBoxHeight = portHeight / windowHeight * overviewHeight;
+            $('#overview_window_view_box').css('min-width', viewBoxWidth + 'px');
+            $('#overview_window_view_box').css('min-height', viewBoxHeight + 'px');
+            $('#overview_window_view_box').css('top', viewBoxY + 'px');
+            $('#overview_window_view_box').css('left', viewBoxX + 'px');
+          };
+
+          $('#workarea').scroll(function () {
+            if (!overviewWindowGlobals.viewBoxDragging) {
+              updateViewBox();
+            }
+          });
+          $('#workarea').resize(updateViewBox);
+          updateViewBox(); // Compensate for changes in zoom and canvas size.
+
+          var updateViewDimensions = function updateViewDimensions() {
+            var viewWidth = $('#svgroot').attr('width');
+            var viewHeight = $('#svgroot').attr('height');
+            var viewX = 640;
+            var viewY = 480;
+
+            if (isIE()) {
+              // This has only been tested with Firefox 10 and IE 9 (without chrome frame).
+              // I am not sure if if is Firefox or IE that is being non compliant here.
+              // Either way the one that is noncompliant may become more compliant later.
+              // TAG:HACK
+              // TAG:VERSION_DEPENDENT
+              // TAG:BROWSER_SNIFFING
+              viewX = 0;
+              viewY = 0;
+            }
+
+            var svgWidthOld = $('#overviewMiniView').attr('width');
+            var svgHeightNew = viewHeight / viewWidth * svgWidthOld;
+            $('#overviewMiniView').attr('viewBox', viewX + ' ' + viewY + ' ' + viewWidth + ' ' + viewHeight);
+            $('#overviewMiniView').attr('height', svgHeightNew);
+            updateViewBox();
+          };
+
+          updateViewDimensions(); // Set up the overview window as a controller for the view port.
+
+          overviewWindowGlobals.viewBoxDragging = false;
+
+          var updateViewPortFromViewBox = function updateViewPortFromViewBox() {
+            var windowWidth = Number.parseFloat($('#svgcanvas').css('width'));
+            var windowHeight = Number.parseFloat($('#svgcanvas').css('height'));
+            var overviewWidth = $('#overviewMiniView').attr('width');
+            var overviewHeight = $('#overviewMiniView').attr('height');
+            var viewBoxX = Number.parseFloat($('#overview_window_view_box').css('left'));
+            var viewBoxY = Number.parseFloat($('#overview_window_view_box').css('top'));
+            var portX = viewBoxX / overviewWidth * windowWidth;
+            var portY = viewBoxY / overviewHeight * windowHeight;
+            $('#workarea').scrollLeft(portX);
+            $('#workarea').scrollTop(portY);
+          };
+
+          $('#overview_window_view_box').draggable({
+            containment: 'parent',
+            drag: updateViewPortFromViewBox,
+            start: function start() {
+              overviewWindowGlobals.viewBoxDragging = true;
+            },
+            stop: function stop() {
+              overviewWindowGlobals.viewBoxDragging = false;
+            }
+          });
+          $('#overviewMiniView').click(function (evt) {
+            // Firefox doesn't support evt.offsetX and evt.offsetY.
+            var mouseX = evt.offsetX || evt.originalEvent.layerX;
+            var mouseY = evt.offsetY || evt.originalEvent.layerY;
+            var overviewWidth = $('#overviewMiniView').attr('width');
+            var overviewHeight = $('#overviewMiniView').attr('height');
+            var viewBoxWidth = Number.parseFloat($('#overview_window_view_box').css('min-width'));
+            var viewBoxHeight = Number.parseFloat($('#overview_window_view_box').css('min-height'));
+            var viewBoxX = mouseX - 0.5 * viewBoxWidth;
+            var viewBoxY = mouseY - 0.5 * viewBoxHeight; // deal with constraints
+
+            if (viewBoxX < 0) {
+              viewBoxX = 0;
+            }
+
+            if (viewBoxY < 0) {
+              viewBoxY = 0;
+            }
+
+            if (viewBoxX + viewBoxWidth > overviewWidth) {
+              viewBoxX = overviewWidth - viewBoxWidth;
+            }
+
+            if (viewBoxY + viewBoxHeight > overviewHeight) {
+              viewBoxY = overviewHeight - viewBoxHeight;
+            }
+
+            $('#overview_window_view_box').css('top', viewBoxY + 'px');
+            $('#overview_window_view_box').css('left', viewBoxX + 'px');
+            updateViewPortFromViewBox();
+          });
+          return {
+            name: 'overview window',
+            canvasUpdated: updateViewDimensions,
+            workareaResized: updateViewBox
+          };
+        }
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-panning.js
+++ b/dist/editor/system/extensions/ext-panning.js
--- a/dist/editor/system/extensions/ext-panning.xml
+++ b/dist/editor/system/extensions/ext-panning.xml
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g id="ext-panning">
+    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
+        <path d="m8.00038,150.84583l51.60005,-51.78485l0,25.89205l26.28711,0l35.45559,-0.20444l-0.72941,-24.34613l0.93304,-37.61812l-25.79949,0l51.5997,-51.78508l51.60047,51.78508l-25.80024,0l0,33.87256l1.13677,26.21891l21.45996,2.07722l39.3497,0l0,-25.89205l51.60043,51.78485l-51.60043,51.78563l0,-25.89281l-38.41666,-0.93639l-20.52692,0.20445l-3.00285,42.13754l0,20.76308l25.80024,0l-51.60047,51.78561l-51.5997,-51.78561l25.79949,0l0,-20.76308l0.72941,-41.20115l-41.98688,-0.20445l-20.68886,0l0,25.89281l-51.60005,-51.78563z" fill="#b2b2b2" id="svg_1" stroke="#000000" stroke-width="10"/>    </svg>
+  </g>
+</svg>
--- a/dist/editor/system/extensions/ext-php_savefile.js
+++ b/dist/editor/system/extensions/ext-php_savefile.js
@@ -0,0 +1,41 @@
+System.register([], function (exports) {
+  'use strict';
+  return {
+    execute: function () {
+
+      // TODO: Might add support for "exportImage" custom
+      //   handler as in "ext-server_opensave.js" (and in savefile.php)
+      var extPhp_savefile = exports('default', {
+        name: 'php_savefile',
+        init: function init(_ref) {
+          var $ = _ref.$;
+          var svgEditor = this;
+          var extPath = svgEditor.curConfig.extPath,
+              svgCanvas = svgEditor.canvas;
+          /**
+           * Get file name out of SVGEdit document title.
+           * @returns {string}
+           */
+
+          function getFileNameFromTitle() {
+            var title = svgCanvas.getDocumentTitle();
+            return title.trim();
+          }
+
+          var saveSvgAction = extPath + 'savefile.php';
+          svgEditor.setCustomHandlers({
+            save: function save(win, data) {
+              var svg = '<?xml version="1.0" encoding="UTF-8"?>\n' + data,
+                  filename = getFileNameFromTitle();
+              $.post(saveSvgAction, {
+                output_svg: svg,
+                filename: filename
+              });
+            }
+          });
+        }
+      });
+
+    }
+  };
+});
--- a/dist/editor/system/extensions/ext-placemark.js
+++ b/dist/editor/system/extensions/ext-placemark.js
--- a/dist/editor/system/extensions/ext-polygon.js
+++ b/dist/editor/system/extensions/ext-polygon.js
--- a/dist/editor/system/extensions/ext-server_moinsave.js
+++ b/dist/editor/system/extensions/ext-server_moinsave.js
--- a/dist/editor/system/extensions/ext-server_opensave.js
+++ b/dist/editor/system/extensions/ext-server_opensave.js
--- a/dist/editor/system/extensions/ext-shapes.js
+++ b/dist/editor/system/extensions/ext-shapes.js
--- a/dist/editor/system/extensions/ext-shapes.xml
+++ b/dist/editor/system/extensions/ext-shapes.xml
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g id="tool_shapelib">
+    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
+      <path fill="#c0c0c0" stroke-linejoin="round" stroke-width="14" stroke="#202020" fill-rule="nonzero" d="m70,194.72501l0,0c0,-10.30901 35.8172,-18.666 80,-18.666c44.18298,0 80,8.35699 80,18.666l0,74.66699c0,10.30899 -35.81702,18.66699 -80,18.66699c-44.1828,0 -80,-8.358 -80,-18.66699l0,-74.66699z"/>
+      <path fill="#c0c0c0" stroke-linejoin="round" stroke-width="14" stroke="#202020" fill-rule="nonzero" d="m70,114.608l0,0c0,-10.309 35.8172,-18.6668 80,-18.6668c44.18298,0 80,8.3578 80,18.6668l0,74.66699c0,10.30901 -35.81702,18.666 -80,18.666c-44.1828,0 -80,-8.35699 -80,-18.666l0,-74.66699z"/>
+      <path fill="#c0c0c0" stroke-linejoin="round" stroke-width="14" stroke="#202020" fill-rule="nonzero" d="m70,33.6667l0,0c0,-10.3094 35.8172,-18.6667 80,-18.6667c44.18298,0 80,8.3573 80,18.6667l0,74.6663c0,10.31 -35.81702,18.667 -80,18.667c-44.1828,0 -80,-8.357 -80,-18.667l0,-74.6663z"/>
+      <path id="svg_1" fill="#c0c0c0" stroke-linejoin="round" stroke-width="14" stroke="#202020" fill-rule="nonzero" d="m230,32.33334c0,10.30931 -35.81726,18.66666 -80,18.66666c-44.1828,0 -80,-8.35735 -80,-18.66666"/>
+    </svg>
+  </g>
+</svg>
--- a/dist/editor/system/extensions/ext-star.js
+++ b/dist/editor/system/extensions/ext-star.js
--- a/dist/editor/system/extensions/ext-storage.js
+++ b/dist/editor/system/extensions/ext-storage.js
--- a/dist/editor/system/extensions/ext-webappfind.js
+++ b/dist/editor/system/extensions/ext-webappfind.js
--- a/dist/editor/system/extensions/ext-xdomain-messaging.js
+++ b/dist/editor/system/extensions/ext-xdomain-messaging.js
--- a/dist/editor/system/extensions/eyedropper-icon.xml
+++ b/dist/editor/system/extensions/eyedropper-icon.xml
@@ -0,0 +1,34 @@
+<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 - https://github.com/SVG-Edit/svgedit -->
+ <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>
--- a/dist/editor/system/extensions/foreignobject-icons.xml
+++ b/dist/editor/system/extensions/foreignobject-icons.xml
@@ -0,0 +1,96 @@
+<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>
--- a/dist/editor/system/extensions/grid-icon.xml
+++ b/dist/editor/system/extensions/grid-icon.xml
@@ -0,0 +1,30 @@
+<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="view_grid">
+    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+      <rect fill="#ffffff" stroke="#848484" x="2" y="2" width="20" height="20"/>
+      <line fill="none" stroke="#848484" x1="11.84375" y1="-1.53125" x2="11.84375" y2="18.46875" transform="rotate(90, 11.8429, 8.46955)"/>
+      <line fill="none" stroke="#848484" x1="11.90625" y1="5.21875" x2="11.90625" y2="25.21875" transform="rotate(90, 11.9054, 15.2196)"/>
+      <line fill="none" stroke="#848484" x1="8.5" y1="2.03125" x2="8.5" y2="22.03125"/>
+      <line fill="none" stroke="#848484" x1="15.5" y1="2.03125" x2="15.5" y2="22.03125"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="3.25" y="3.28125" width="4" height="4"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="10" y="3.28125" width="4" height="4"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="16.75" y="3.28125" width="4" height="4"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="3.28125" y="9.75" width="4" height="4"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="10.03125" y="9.75" width="4" height="4"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="16.78125" y="9.75" width="4" height="4"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="3.3125" y="16.59375" width="4" height="4"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="10.0625" y="16.59375" width="4" height="4"/>
+      <rect fill="#d8d8d8" stroke="#000000" stroke-width="0" x="16.8125" y="16.59375" width="4" height="4"/>
+    </g>
+    </svg>
+  </g>
+</svg>
--- a/dist/editor/system/extensions/markers-icons.xml
+++ b/dist/editor/system/extensions/markers-icons.xml
@@ -0,0 +1,115 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+    <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit -->
+    <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/dist/editor/system/extensions/polygon-icons.svg
+++ b/dist/editor/system/extensions/polygon-icons.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g id="tool_polygon">
+     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1 -2 25 24">
+       <defs>
+    <linearGradient y2="1" x2="1" y1="0.10156" x1="0.36328" id="svg_i22">
+      <stop stop-opacity="1" stop-color="#ffffff" offset="0"/>
+      <stop stop-opacity="1" stop-color="#666666" offset="1"/>
+    </linearGradient>
+    </defs>
+    <polygon points="6.09251,19.6032 0.577744,10.0516 6.09251,0.5 17.1217,0.5 22.6365,10.0516 17.1217,19.6032" stroke="#000000" fill="url(#svg_i22)"/>   </svg>
+  </g>
+
+  <g id="svg_eof"/>
+</svg>
--- a/dist/editor/system/extensions/star-icons.svg
+++ b/dist/editor/system/extensions/star-icons.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <g id="tool_star">
+     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-1 -1 26 26">
+       <defs>
+    <linearGradient y2="1" x2="1" y1="0.10156" x1="0.36328" id="svg_i22">
+      <stop stop-opacity="1" stop-color="#ffffff" offset="0"/>
+      <stop stop-opacity="1" stop-color="#666666" offset="1"/>
+    </linearGradient>
+    </defs>
+    <polygon points="12.4062,1.55891 15.0578,9.39339 23.3283,9.49422 16.6965,14.4371 19.1564,22.3338 12.4062,17.5543 5.65596,22.3338 8.11588,14.4371 1.48406,9.49422 9.75455,9.39339" stroke="#000000" fill="url(#svg_i22)"/>   </svg>
+  </g>
+
+  <g id="svg_eof"/>
+</svg>
--- a/dist/editor/system/images/README.txt
+++ b/dist/editor/system/images/README.txt
@@ -0,0 +1,60 @@
+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                     https://github.com/SVG-Edit/svgedit/issues/377
+polygon.svg                     https://github.com/SVG-Edit/svgedit/issues/377
+rect.png
+redo.png
+rotate.png
+save.png
+select.png
+sep.png
+shape_group_elements.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
+zoom.png                        http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/page-magnifier.png
--- a/dist/editor/system/images/add_subpath.png
+++ b/dist/editor/system/images/add_subpath.png
--- a/dist/editor/system/images/align-bottom.png
+++ b/dist/editor/system/images/align-bottom.png
--- a/dist/editor/system/images/align-bottom.svg
+++ b/dist/editor/system/images/align-bottom.svg
@@ -0,0 +1,277 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg5741"
+   sodipodi:version="0.32"
+   inkscape:version="0.44+devel"
+   version="1.0"
+   sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
+   sodipodi:docname="align-bottom-vertical.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-bottom-vertical.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"
+   sodipodi:modified="true">
+  <defs
+     id="defs5743">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2968"
+       id="linearGradient6938"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2974"
+       id="linearGradient6936"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2986"
+       id="linearGradient6934"
+       gradientUnits="userSpaceOnUse"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2980"
+       id="linearGradient6932"
+       gradientUnits="userSpaceOnUse"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+    <linearGradient
+       id="linearGradient2968"
+       inkscape:collect="always">
+      <stop
+         id="stop2970"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2972"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2968"
+       id="linearGradient6930"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2974"
+       inkscape:collect="always">
+      <stop
+         id="stop2976"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2978"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2974"
+       id="linearGradient6928"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+    <linearGradient
+       id="linearGradient2986"
+       inkscape:collect="always">
+      <stop
+         id="stop2988"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2990"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2986"
+       id="linearGradient6926"
+       gradientUnits="userSpaceOnUse"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2980"
+       inkscape:collect="always">
+      <stop
+         id="stop2982"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2984"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2980"
+       id="linearGradient6924"
+       gradientUnits="userSpaceOnUse"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.197802"
+     inkscape:cx="8"
+     inkscape:cy="9.8019802"
+     inkscape:current-layer="g6828"
+     showgrid="false"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     width="22px"
+     height="22px"
+     inkscape:window-width="1078"
+     inkscape:window-height="786"
+     inkscape:window-x="243"
+     inkscape:window-y="71" />
+  <metadata
+     id="metadata5746">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <g
+       style="display:inline"
+       id="g6828"
+       transform="translate(30.00011,90.000366)"
+       inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <g
+         style="display:inline"
+         id="g6838"
+         transform="translate(-30.00009,-1.0002798)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90">
+        <rect
+           style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect3052"
+           width="12"
+           height="7"
+           x="69.500122"
+           y="12.5"
+           transform="matrix(0,-1,1,0,0,0)"
+           inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+           inkscape:export-xdpi="90"
+           inkscape:export-ydpi="90" />
+        <rect
+           style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           id="rect3054"
+           width="10"
+           height="5.0000305"
+           x="70.500122"
+           y="13.5"
+           transform="matrix(0,-1,1,0,0,0)"
+           rx="0"
+           ry="0"
+           inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+           inkscape:export-xdpi="90"
+           inkscape:export-ydpi="90" />
+        <g
+           id="g3056"
+           transform="translate(-127,-559)"
+           inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+           inkscape:export-xdpi="90"
+           inkscape:export-ydpi="90">
+          <rect
+             transform="matrix(0,-1,1,0,0,0)"
+             y="129.49626"
+             x="-489.49979"
+             height="7.0035982"
+             width="17.999748"
+             id="rect3058"
+             style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
+          <rect
+             transform="matrix(0,-1,1,0,0,0)"
+             y="130.50006"
+             x="-488.50009"
+             height="4.9998937"
+             width="15.999757"
+             id="rect3060"
+             style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+             rx="0"
+             ry="0" />
+        </g>
+        <g
+           id="g3294"
+           transform="translate(-187,-560)"
+           inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+           inkscape:export-xdpi="90"
+           inkscape:export-ydpi="90">
+          <rect
+             y="489.5"
+             x="196.49989"
+             height="1.9999999"
+             width="3.0000916"
+             id="rect3296"
+             style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+          <path
+             style="fill:url(#linearGradient6932);fill-opacity:1;stroke:url(#linearGradient6934);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
+             d="M 197.49998,491.5 L 186.49989,491.5 L 186.49989,489.5 L 197.49998,489.5"
+             id="path3298"
+             sodipodi:nodetypes="cccc" />
+          <path
+             style="fill:url(#linearGradient6936);fill-opacity:1;stroke:url(#linearGradient6938);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
+             d="M 198.49989,489.5 L 209.49998,489.5 L 209.49998,491.5 L 198.49989,491.5"
+             id="path3300"
+             sodipodi:nodetypes="cccc" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
--- a/dist/editor/system/images/align-center.png
+++ b/dist/editor/system/images/align-center.png
--- a/dist/editor/system/images/align-center.svg
+++ b/dist/editor/system/images/align-center.svg
@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg10958"
+   sodipodi:version="0.32"
+   inkscape:version="0.44+devel"
+   version="1.0"
+   sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
+   sodipodi:docname="align-horisontal-center.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-horisontal-center.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"
+   sodipodi:modified="true">
+  <defs
+     id="defs10960">
+    <linearGradient
+       id="linearGradient2968"
+       inkscape:collect="always">
+      <stop
+         id="stop2970"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2972"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2968"
+       id="linearGradient4708"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-395.9999,-981)"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2974"
+       inkscape:collect="always">
+      <stop
+         id="stop2976"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2978"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2974"
+       id="linearGradient4706"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-395.9999,-981)"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+    <linearGradient
+       id="linearGradient2986"
+       inkscape:collect="always">
+      <stop
+         id="stop2988"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2990"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2986"
+       id="linearGradient4704"
+       gradientUnits="userSpaceOnUse"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2980"
+       inkscape:collect="always">
+      <stop
+         id="stop2982"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2984"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2980"
+       id="linearGradient4702"
+       gradientUnits="userSpaceOnUse"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.197802"
+     inkscape:cx="16"
+     inkscape:cy="11.460711"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     width="22px"
+     height="22px"
+     inkscape:window-width="797"
+     inkscape:window-height="628"
+     inkscape:window-x="0"
+     inkscape:window-y="47" />
+  <metadata
+     id="metadata10963">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <g
+       style="display:inline"
+       id="g4044"
+       transform="matrix(0,-1,1,0,-59.999911,-168.00002)"
+       inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+         id="rect3851"
+         width="12"
+         height="7"
+         x="-76.499878"
+         y="-177.5"
+         transform="matrix(0,-1,1,0,0,0)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90" />
+      <g
+         transform="translate(-317,-410)"
+         id="g3853"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90"
+         style="display:inline">
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="129.49626"
+           x="-489.49979"
+           height="7.0035982"
+           width="17.999748"
+           id="rect3855"
+           style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="130.50006"
+           x="-488.50009"
+           height="4.9998937"
+           width="15.999757"
+           id="rect3857"
+           style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+           rx="0"
+           ry="0" />
+      </g>
+      <rect
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+         id="rect3859"
+         width="10"
+         height="5.0000305"
+         x="-75.499878"
+         y="-176.5"
+         transform="matrix(0,-1,1,0,0,0)"
+         rx="0"
+         ry="0"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90" />
+      <g
+         id="g3861"
+         transform="translate(-377,-420)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90"
+         style="display:inline">
+        <rect
+           y="489.5"
+           x="186.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3863"
+           style="fill:url(#linearGradient4702);fill-opacity:1;stroke:url(#linearGradient4704);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           y="489.5"
+           x="191.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3865"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           y="489.5"
+           x="196.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3867"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           y="489.5"
+           x="201.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3869"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="scale(-1,-1)"
+           y="-491.5"
+           x="-209.49998"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3871"
+           style="fill:url(#linearGradient4706);fill-opacity:1;stroke:url(#linearGradient4708);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/dist/editor/system/images/align-left.png
+++ b/dist/editor/system/images/align-left.png
--- a/dist/editor/system/images/align-left.svg
+++ b/dist/editor/system/images/align-left.svg
@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg11272"
+   sodipodi:version="0.32"
+   inkscape:version="0.44+devel"
+   version="1.0"
+   sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
+   sodipodi:docname="align-horisontal-left.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-horisontal-left.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"
+   sodipodi:modified="true">
+  <defs
+     id="defs11274">
+    <linearGradient
+       id="linearGradient2968"
+       inkscape:collect="always">
+      <stop
+         id="stop2970"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2972"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2968"
+       id="linearGradient4716"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2974"
+       inkscape:collect="always">
+      <stop
+         id="stop2976"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2978"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2974"
+       id="linearGradient4714"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+    <linearGradient
+       id="linearGradient2986"
+       inkscape:collect="always">
+      <stop
+         id="stop2988"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2990"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2986"
+       id="linearGradient4712"
+       gradientUnits="userSpaceOnUse"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2980"
+       inkscape:collect="always">
+      <stop
+         id="stop2982"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2984"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2980"
+       id="linearGradient4710"
+       gradientUnits="userSpaceOnUse"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.197802"
+     inkscape:cx="16"
+     inkscape:cy="14.269093"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     width="22px"
+     height="22px"
+     inkscape:window-width="797"
+     inkscape:window-height="628"
+     inkscape:window-x="0"
+     inkscape:window-y="47" />
+  <metadata
+     id="metadata11277">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <g
+       style="display:inline"
+       id="g4065"
+       transform="matrix(0,-1,1,0,8.9287758e-5,51.99998)"
+       inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <g
+         id="g3883"
+         transform="translate(-127,-473)"
+         style="fill:#d3d7cf;stroke:#888a85;display:inline"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90">
+        <rect
+           transform="matrix(0,1,1,0,0,0)"
+           y="169.5"
+           x="475.50012"
+           height="7"
+           width="12"
+           id="rect3885"
+           style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           ry="0"
+           rx="0"
+           transform="matrix(0,1,1,0,0,0)"
+           y="170.5"
+           x="476.50012"
+           height="5.0000305"
+           width="10"
+           id="rect3887"
+           style="opacity:1;fill:#d3d7cf;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      </g>
+      <g
+         id="g3889"
+         transform="translate(-97,-469)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90"
+         style="display:inline">
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="129.49626"
+           x="-489.49979"
+           height="7.0035982"
+           width="17.999748"
+           id="rect3891"
+           style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="130.50006"
+           x="-488.50009"
+           height="4.9998937"
+           width="15.999757"
+           id="rect3893"
+           style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+           rx="0"
+           ry="0" />
+      </g>
+      <g
+         id="g3903"
+         transform="translate(-157,-488)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90"
+         style="display:inline">
+        <rect
+           y="489.5"
+           x="196.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3905"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <path
+           style="fill:url(#linearGradient4710);fill-opacity:1;stroke:url(#linearGradient4712);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
+           d="M 197.49998,491.5 L 186.49989,491.5 L 186.49989,489.5 L 197.49998,489.5"
+           id="path3907"
+           sodipodi:nodetypes="cccc" />
+        <path
+           style="fill:url(#linearGradient4714);fill-opacity:1;stroke:url(#linearGradient4716);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
+           d="M 198.49989,489.5 L 209.49998,489.5 L 209.49998,491.5 L 198.49989,491.5"
+           id="path3909"
+           sodipodi:nodetypes="cccc" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/dist/editor/system/images/align-middle.png
+++ b/dist/editor/system/images/align-middle.png
--- a/dist/editor/system/images/align-middle.svg
+++ b/dist/editor/system/images/align-middle.svg
@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg10625"
+   sodipodi:version="0.32"
+   inkscape:version="0.44+devel"
+   version="1.0"
+   sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
+   sodipodi:docname="align-vertical-center.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-vertical-center.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"
+   sodipodi:modified="true">
+  <defs
+     id="defs10627">
+    <linearGradient
+       id="linearGradient2968"
+       inkscape:collect="always">
+      <stop
+         id="stop2970"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2972"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2968"
+       id="linearGradient6962"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-395.9999,-981)"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2974"
+       inkscape:collect="always">
+      <stop
+         id="stop2976"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2978"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2974"
+       id="linearGradient6960"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-395.9999,-981)"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+    <linearGradient
+       id="linearGradient2986"
+       inkscape:collect="always">
+      <stop
+         id="stop2988"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2990"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2986"
+       id="linearGradient6958"
+       gradientUnits="userSpaceOnUse"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2980"
+       inkscape:collect="always">
+      <stop
+         id="stop2982"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2984"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2980"
+       id="linearGradient6956"
+       gradientUnits="userSpaceOnUse"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.197802"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     width="22px"
+     height="22px"
+     inkscape:window-width="797"
+     inkscape:window-height="628"
+     inkscape:window-x="0"
+     inkscape:window-y="47" />
+  <metadata
+     id="metadata10630">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <g
+       style="display:inline"
+       id="g6849"
+       transform="translate(-29.999893,91.000089)"
+       inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect1933"
+         width="12"
+         height="7"
+         x="73.500122"
+         y="42.5"
+         transform="matrix(0,-1,1,0,0,0)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90" />
+      <g
+         transform="translate(-97,-560)"
+         id="g2063"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90">
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="129.49626"
+           x="-489.49979"
+           height="7.0035982"
+           width="17.999748"
+           id="rect1935"
+           style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="130.50006"
+           x="-488.50009"
+           height="4.9998937"
+           width="15.999757"
+           id="rect1937"
+           style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+           rx="0"
+           ry="0" />
+      </g>
+      <rect
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         id="rect1939"
+         width="10"
+         height="5.0000305"
+         x="74.500122"
+         y="43.5"
+         transform="matrix(0,-1,1,0,0,0)"
+         rx="0"
+         ry="0"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90" />
+      <g
+         id="g2992"
+         transform="translate(-157,-570)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90">
+        <rect
+           y="489.5"
+           x="186.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect2994"
+           style="fill:url(#linearGradient6956);fill-opacity:1;stroke:url(#linearGradient6958);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           y="489.5"
+           x="191.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect2996"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           y="489.5"
+           x="196.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect2998"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           y="489.5"
+           x="201.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3000"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           transform="scale(-1,-1)"
+           y="-491.5"
+           x="-209.49998"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3002"
+           style="fill:url(#linearGradient6960);fill-opacity:1;stroke:url(#linearGradient6962);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/dist/editor/system/images/align-right.png
+++ b/dist/editor/system/images/align-right.png
--- a/dist/editor/system/images/align-right.svg
+++ b/dist/editor/system/images/align-right.svg
@@ -0,0 +1,233 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg11187"
+   sodipodi:version="0.32"
+   inkscape:version="0.44+devel"
+   version="1.0"
+   sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
+   sodipodi:docname="align-horisontal-right.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   sodipodi:modified="TRUE"
+   inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-horisontal-right.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs11189">
+    <linearGradient
+       id="linearGradient2968"
+       inkscape:collect="always">
+      <stop
+         id="stop2970"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2972"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2968"
+       id="linearGradient4732"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2974"
+       inkscape:collect="always">
+      <stop
+         id="stop2976"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2978"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2974"
+       id="linearGradient4730"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+    <linearGradient
+       id="linearGradient2986"
+       inkscape:collect="always">
+      <stop
+         id="stop2988"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2990"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2986"
+       id="linearGradient4728"
+       gradientUnits="userSpaceOnUse"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2980"
+       inkscape:collect="always">
+      <stop
+         id="stop2982"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2984"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2980"
+       id="linearGradient4726"
+       gradientUnits="userSpaceOnUse"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.197802"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     width="22px"
+     height="22px"
+     inkscape:window-width="797"
+     inkscape:window-height="628"
+     inkscape:window-x="0"
+     inkscape:window-y="47" />
+  <metadata
+     id="metadata11192">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <g
+       style="display:inline"
+       id="g4025"
+       transform="matrix(0,-1,1,0,-60.999914,-198.00011)"
+       inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <rect
+         style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+         id="rect3873"
+         width="12"
+         height="7"
+         x="-80.499878"
+         y="-207.5"
+         transform="matrix(0,-1,1,0,0,0)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90" />
+      <rect
+         style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+         id="rect3875"
+         width="10"
+         height="5.0000305"
+         x="-79.499878"
+         y="-206.5"
+         transform="matrix(0,-1,1,0,0,0)"
+         rx="0"
+         ry="0"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90" />
+      <g
+         id="g3877"
+         transform="translate(-347,-409)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90"
+         style="display:inline">
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="129.49626"
+           x="-489.49979"
+           height="7.0035982"
+           width="17.999748"
+           id="rect3879"
+           style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="130.50006"
+           x="-488.50009"
+           height="4.9998937"
+           width="15.999757"
+           id="rect3881"
+           style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+           rx="0"
+           ry="0" />
+      </g>
+      <g
+         id="g3919"
+         transform="translate(-407,-410)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90"
+         style="display:inline">
+        <rect
+           y="489.5"
+           x="196.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3921"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <path
+           style="fill:url(#linearGradient4726);fill-opacity:1;stroke:url(#linearGradient4728);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
+           d="M 197.49998,491.5 L 186.49989,491.5 L 186.49989,489.5 L 197.49998,489.5"
+           id="path3923"
+           sodipodi:nodetypes="cccc" />
+        <path
+           style="fill:url(#linearGradient4730);fill-opacity:1;stroke:url(#linearGradient4732);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
+           d="M 198.49989,489.5 L 209.49998,489.5 L 209.49998,491.5 L 198.49989,491.5"
+           id="path3925"
+           sodipodi:nodetypes="cccc" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/dist/editor/system/images/align-top.png
+++ b/dist/editor/system/images/align-top.png
--- a/dist/editor/system/images/align-top.svg
+++ b/dist/editor/system/images/align-top.svg
@@ -0,0 +1,233 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="22"
+   height="22"
+   id="svg10699"
+   sodipodi:version="0.32"
+   inkscape:version="0.44+devel"
+   version="1.0"
+   sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
+   sodipodi:docname="align-vertical-bottom.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-vertical-bottom.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"
+   sodipodi:modified="true">
+  <defs
+     id="defs10701">
+    <linearGradient
+       id="linearGradient2968"
+       inkscape:collect="always">
+      <stop
+         id="stop2970"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2972"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2968"
+       id="linearGradient6954"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2974"
+       inkscape:collect="always">
+      <stop
+         id="stop2976"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2978"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2974"
+       id="linearGradient6952"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+    <linearGradient
+       id="linearGradient2986"
+       inkscape:collect="always">
+      <stop
+         id="stop2988"
+         offset="0"
+         style="stop-color:#ce5c00;stop-opacity:1" />
+      <stop
+         id="stop2990"
+         offset="1"
+         style="stop-color:#ce5c00;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2986"
+       id="linearGradient6950"
+       gradientUnits="userSpaceOnUse"
+       x1="187.60938"
+       y1="489.35938"
+       x2="186.93732"
+       y2="489.35938" />
+    <linearGradient
+       id="linearGradient2980"
+       inkscape:collect="always">
+      <stop
+         id="stop2982"
+         offset="0"
+         style="stop-color:#fcaf3e;stop-opacity:1" />
+      <stop
+         id="stop2984"
+         offset="1"
+         style="stop-color:#fcaf3e;stop-opacity:0" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2980"
+       id="linearGradient6948"
+       gradientUnits="userSpaceOnUse"
+       x1="187.81554"
+       y1="489.54688"
+       x2="187.1716"
+       y2="489.54688" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.197802"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     width="22px"
+     height="22px"
+     inkscape:window-width="797"
+     inkscape:window-height="628"
+     inkscape:window-x="0"
+     inkscape:window-y="47" />
+  <metadata
+     id="metadata10704">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <g
+       style="display:inline"
+       id="g6862"
+       transform="translate(-59.99998,90)"
+       inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+       inkscape:export-xdpi="90"
+       inkscape:export-ydpi="90">
+      <g
+         id="g3084"
+         transform="translate(-97,-563)"
+         style="fill:#d3d7cf;stroke:#888a85"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90">
+        <rect
+           transform="matrix(0,1,1,0,0,0)"
+           y="169.5"
+           x="475.50012"
+           height="7"
+           width="12"
+           id="rect3086"
+           style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <rect
+           ry="0"
+           rx="0"
+           transform="matrix(0,1,1,0,0,0)"
+           y="170.5"
+           x="476.50012"
+           height="5.0000305"
+           width="10"
+           id="rect3088"
+           style="opacity:1;fill:#d3d7cf;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+      </g>
+      <g
+         id="g3090"
+         transform="translate(-67,-559)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90">
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="129.49626"
+           x="-489.49979"
+           height="7.0035982"
+           width="17.999748"
+           id="rect3092"
+           style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
+        <rect
+           transform="matrix(0,-1,1,0,0,0)"
+           y="130.50006"
+           x="-488.50009"
+           height="4.9998937"
+           width="15.999757"
+           id="rect3094"
+           style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
+           rx="0"
+           ry="0" />
+      </g>
+      <g
+         id="g3262"
+         transform="translate(-127,-578)"
+         inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
+         inkscape:export-xdpi="90"
+         inkscape:export-ydpi="90">
+        <rect
+           y="489.5"
+           x="196.49989"
+           height="1.9999999"
+           width="3.0000916"
+           id="rect3264"
+           style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+        <path
+           style="fill:url(#linearGradient6948);fill-opacity:1;stroke:url(#linearGradient6950);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
+           d="M 197.49998,491.5 L 186.49989,491.5 L 186.49989,489.5 L 197.49998,489.5"
+           id="path3266"
+           sodipodi:nodetypes="cccc" />
+        <path
+           style="fill:url(#linearGradient6952);fill-opacity:1;stroke:url(#linearGradient6954);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
+           d="M 198.49989,489.5 L 209.49998,489.5 L 209.49998,491.5 L 198.49989,491.5"
+           id="path3268"
+           sodipodi:nodetypes="cccc" />
+      </g>
+    </g>
+  </g>
+</svg>
--- a/dist/editor/system/images/align.png
+++ b/dist/editor/system/images/align.png
--- a/dist/editor/system/images/angle.png
+++ b/dist/editor/system/images/angle.png
--- a/dist/editor/system/images/arrow_right.png
+++ b/dist/editor/system/images/arrow_right.png
--- a/Show More
+++ b/Show More